如何用Bootstrap製作導航條
工具/材料
Sublime Text
操作方法
首先我們需要搭建一個html頁面,如下圖所示,在頁面中匯入需要的bootstrap檔案
然後我們在body標籤中寫下nav元素,如下圖所示,注意給nav元素添加導航條樣式
接下來就給導航添加內容,如下圖所示,運用的是ul元素,這裏也運用了nav導航樣式
如果想要激活哪個導航,只需要像下圖的方式,在li元素中添加active樣式即可
Bootstrap中的導航有下拉效果的設計,如果想用這種效果,需要用dropdown樣式,如下圖所示
另外,值得一提的下拉導航條中可以加分割線,如下圖所示,運用divider樣式即可
最後我們執行頁面程序,你會看到如下圖所示的效果,下拉導航以及激活狀態都已經顯示出來了
-
華爲悅盒看電視直播
華爲悅盒內置的程序中並沒有看電視直播的軟件,安裝一個電視家即可,讓小編教給你安裝指南。操作方法(01)將電視與華爲悅盒用數據線連接好後,開啟電視機和華爲悅盒的電源,等待系統啓動。(02)在電腦上將下載好的電視直播程序存放到U盤上,並將U盤插入到華爲悅盒上。(03)在華爲...
-
無線路由器WDS設定
在面積較大的環境(如四室兩廳、複式、寫字間等),單臺路由器無線覆蓋範圍有限,部分區域可能會信號較弱或存在信號盲點。無線橋接(WDS)可以將多臺無線路由器透過無線方式互聯,從而將無線信號擴展放大。無線終端在移動過程中可以自動切換較好的信號,實現無線漫遊。下面小...
-
÷除號怎麼打出來
在工作中常常會使用到除號做檔案,那麼除號應該怎麼打出來呢?請看下面解析。操作方法(01)方法一:開啟word文檔,點擊“插入”》“符號”。(02)點擊“÷”號即可。(03)方法二:在輸入法裏打“÷”即可。...
-
FLYME7系統怎麼樣?
魅族公司作爲國產手機的領航者,每一款新產品都會受到用戶們的期待,那麼即將推出的最新Flyme7系統怎麼樣呢?一起來了解一下。操作方法(01)Flyme是國內操作系統的標杆,同MIUI能夠並驅前行,之前MIUI9已經發布,讓很多人看到了驚豔,Flyme7卻還在醞釀,很多人都在期待。(02)最近魅...