-
在Bootstrap框架中提供了一個“navbar-form”，使用方法很簡單，在navbar容器中放置一個帶有navbar-form類名的表單，示例代碼編輯器（29-34行）。 實現導航條表單的樣式代碼源碼請查看bootstrap.css文件第3839行～第3904行，我們也對60多行樣式代碼節選了出來放到右側bootstrap.css文件中，有興趣的同學請查看。 在上面的示例中，大家看到了“navbar-left”讓表單左浮動，更好實現對齊。在Bootstrap框架中，還提供了“navbar-right”樣式，讓元素在導航條靠右對齊。查看全部
-
在制作一個基礎導航條時，主要分以下幾步： 第一步：首先在制作導航的列表(<ul class=”nav”>)基礎上添加類名“navbar-nav” 第二步：在列表外部添加一個容器（div），并且使用類名“navbar”和“navbar-default” 示例查看右側代碼編輯（10-19行）。 “.navbar”樣式的主要功能就是設置左右padding和圓角等效果，但他和顏色相關的樣式沒有進行任何的設置。其主要源碼如下：查看全部
-
使用方式就很簡單，為ol加入breadcrumb類： <ol class="breadcrumb"> <li><a href="#">首頁</a></li> <li><a href="#">我的書</a></li> <li class="active">《圖解CSS3》</li> </ol>查看全部
-
面包屑(Breadcrumb)一般用于導航，主要是起的作用是告訴用戶現在所處頁面的位置（當前位置）。查看全部
-
只需要將li當作父容器，使用類名“dropdown”，同時在li中嵌套另一個列表ul，使用前面介紹下拉菜單的方法就可以： <ul class="nav nav-pills"> <li class="active"><a href="##">首頁</a></li> <li class="dropdown"> <a href="##" class="dropdown-toggle" data-toggle="dropdown">教程<span class="caret"></span></a> <ul class="dropdown-menu">查看全部
-
自適應導航指的是導航占據容器全部寬度，而且菜單項可以像表格的單元格一樣自適應寬度。自適應導航和前面使用“btn-group-justified”制作的自適應按鈕組是一樣的。只不過在制作自適應導航時更換了另一個類名“nav-justified”。當然他需要和“nav-tabs”或者“nav-pills”配合在一起使用查看全部
-
在下拉菜單一節中，下拉菜單組與組之間有一個分隔線。其實在垂直堆疊導航也具有這樣的效果，只需要添加在導航項之間添加“<li class=”nav-divider”></li>”查看全部
-
在實際運用當中，除了水平導航之外，還有垂直導航，就類似前面介紹的垂直排列按鈕一樣。制作垂直堆疊導航只需要在“nav-pills”的基礎上添加一個“nav-stacked”類名即可：查看全部
-
<ul class="nav nav-pills"> <li class="active"><a href="##">Home</a></li> <li><a href="##">CSS3</a></li> <li><a href="##">Sass</a></li> <li><a href="##">jQuery</a></li> <li class="disabled"><a href="##">Responsive</a></li> </ul>查看全部
-
? .table：基礎表格 ? .table-striped：斑馬線表格 ? .table-bordered：帶邊框的表格 ? .table-hover：鼠標懸停高亮的表格 ? .table-condensed：緊湊型表格 ? .table-responsive：響應式表格查看全部
-
假設我們想讓“Home”項為當前選中項，只需要在其標簽上添加類名“class="active"” 注意是在li標簽上添加查看全部
-
有的選項卡還帶有禁用狀態，實現這樣的效果，只需要在標簽項上添加“class="disabled"”查看全部
-
假設我們想讓“Home”項為當前選中項，只需要在其標簽上添加類名“class="active"”即可：查看全部
-
標簽形導航，也稱為選項卡導航。特別是在很多內容分塊顯示的時，使用這種選項卡來分組十分適合。 標簽形導航是通過“nav-tabs”樣式來實現。在制作標簽形導航時需要在原導航“nav”上追加此類名查看全部
-
Bootstrap框架中制作導航條主要通過“.nav”樣式。默認的“.nav”樣式不提供默認的導航樣式，必須附加另外一個樣式才會有效，比如“nav-tabs”、“nav-pills”之類。比如右側代碼編輯器中就有一個tab導航條的例子，他的實現方法就是為ul標簽加入.nav和nav-tabs兩個類樣式。查看全部
舉報
0/150
提交
取消