一、基礎導航條
在程式設計客棧製作乙個基礎導航條時，主要分以下幾步：
第一步：首先在製作導航的列表(
)基礎上新增類名「n**bar-n**」
第二步：在列表外部新增乙個容器（div），並且使用類名「n**bar」和「n**bar-default」
logo
1、在web頁面製作中，常常在選單前面都會有乙個標題（文字字型大小比其它文字稍大一些），其通過「n**bar-header」和「n**bar-brand」來實現。
logo
2、二級選單通過
巢狀來實現。
3、在bootstrap框架中提供了乙個「n**bar-form」，使用方法很簡單，在n**bar容器中放置乙個帶有n**bar-form類名的表單。
「n**bar-left」讓表單左浮動，「n**bar-right」樣式，讓元素在導航條靠右對齊。
二、反色導航條
反色導航條其實是bootstrap框架為大家提供的第二種風格的導航條，只是將"n**bar-deafult"類名換成"n**bar-inverse"。
logo
三、固定導航條
很多情況之一，設計師希望導航條固定在瀏覽器頂部或底部。
bootstrap框架提供了兩種固定導航條的方式：
☑ .n**bar-fixed-top：導航條固定在瀏覽器視窗頂部
☑ .n**bar-fixed-bottom：導航條固定在瀏覽器視窗底部
使用方法很簡單，只需要在製作導航條最外部容器n**bar上追加對應的類名即可。
… …
四、響應式導航條
程式設計客棧"n**bar-brand">logo
www.cppcns.comnsive-collapse" id="demo">
寬屏模式下：
窄屏模式下：
使用方法：
1、保證在窄屏時需要摺疊的內容必須包裹在帶乙個div內，並且為這個div加入collapse、n**bar-collapse兩個類名。最後為這個div新增乙個class類名或者id名。
2、保證在窄屏時要顯示的圖示樣式（固定寫法）：
3、並為button新增data-target=".類名/#id名"
本文標題: bootstrap每天必學之導航條(二)
本文位址:
Bootstrap每天必學之按鈕（一）
本文主要講解的是按鈕的樣式。1.選項 2.尺寸 3.活動狀態 4.禁用狀態 5.可做按鈕使用的html標籤 選項使用上面列出的class可以快速建立乙個帶有樣式的按鈕。尺寸需要讓按鈕具有不同尺寸嗎？使用.btn lg btn sm btn xs可以獲得不同尺寸的按鈕。通過給按鈕新增.btn bloc...
Bootstrap每天必學之標籤頁（Tab）外掛程式
標籤頁 tab 通過結合一些 data 屬性，您可以輕鬆地建立乙個標籤頁介面。如果您想要單獨引用該外掛程式的功能，那麼您需要引用 tab.js。或者，正如 bootstrap 外掛程式概覽 一章中所提到，您可以引用 bootstrap.js 或壓縮版的 bootstrap.min.js。一 用法 您...
PyQt5每天必學之組合框
qcombobox 是乙個允許使用者從列表選項中選擇一項的控制項。usr bin python3 coding utf 8 pyqt5 教程 這個例子展示了如何使用qcombobox部件。作者 我的世界你曾經來過 部落格 最後編輯 2016年8月4日 import sys from pyqt5.qt...