WordPress的菜單Dropcaps Rootstheme和Twitter的Bootstrap 3

Question

我有Twitter Bootstrap 3 WordPress的RootsTheme。

1. 如何創建Wordpress Dropcaps主導航菜單？

   Wordpress Navigation Menu Dropcaps

Answer 1

基於http://demo.rootstheme.com/示例頁面中，你可以使用.navbar-nav > li > a:first-letter爲您選擇（添加到您的style.css文件）中：

.navbar-nav > li > a:first-letter { 
    color: green; 
    font-size: 20px; 
    /* your style */ 
    } 

有關信息，請參閱http://css-tricks.com/snippets/css/drop-caps/第一個字母的僞類。另請參閱：css first-letter for link。第一個字母只適用於塊級元素。自舉的CSS設置的錨中的資產淨值到框顯示具有：

.nav > li > a { 
     display: block; 
     padding: 10px 15px; 
     position: relative; 
    }