如何用Bootstrap製作導航條
工具/材料
Sublime Text
操作方法
首先我們需要搭建一個html頁面,如下圖所示,在頁面中導入需要的bootstrap文件
然後我們在body標籤中寫下nav元素,如下圖所示,注意給nav元素添加導航條樣式
接下來就給導航添加內容,如下圖所示,運用的是ul元素,這裏也運用了nav導航樣式
如果想要激活哪個導航,只需要像下圖的方式,在li元素中添加active樣式即可
Bootstrap中的導航有下拉效果的設計,如果想用這種效果,需要用dropdown樣式,如下圖所示
另外,值得一提的下拉導航條中可以加分割線,如下圖所示,運用divider樣式即可
最後我們運行頁面程序,你會看到如下圖所示的效果,下拉導航以及激活狀態都已經顯示出來了
-
尼康小痰盂50/1.8D標準定焦鏡頭使用方法
尼康的標頭叫人精,人類光學的精華,其他廠家也一樣,鏡頭都是從標頭開始向左右伸展,有了廣角和長焦的鏡頭,501.8d做為持續在售的鏡頭,各家同規格的鏡頭基本都是最便宜的鏡頭,但鏡頭素質卻並不差。操作方法(01)尼康的50mm1.8d鏡頭是D型鏡頭,在D3000系列,D5000系列相機上不能...
-
Excel中根據身份證號求年齡性別和出生日期
在excel中怎麼根據身份證號來求得年齡性別和出生日期,讓小編教給你操作指南。判斷性別公式:(01)首先讓小編打開一個工作樣表作為例子。如圖所示:(02)在C26單元格中輸入公式:=IF(MOD(MID(B26,17,1),2),"男","女")來判別男女。如圖所示:(03)下拉填充公式至所有人員行,如圖所...
-
CDR怎麼排弧形文字?
在使用cdr進行排版時,如何排出弧形文字呢,下面我們就來看看CDR是怎麼排弧形文字的吧其效果如圖所示:操作方法(01)在桌面上雙擊cdr的快捷圖標,打開cdr這款軟件,進入cdr的操作界面,如圖所示:(02)在該界面的工具區裏找到3點曲線工具如圖所示:(03)使用3點曲線工具,在繪圖區裏繪製...
-
PHP如何用正則匹配數據?
在做開發時,有時候需要在一段文字裏找出需要的字符,這時就需要用到正則表達式了。下面一起來看下具體怎麼使用正則查找數據。操作方法(01)我們先定義一個字符串,如圖,假設要從這段字符串裏,匹配找出網站的名字“搜狗”(02)然後定義一個正則表達式,解析下代碼,正則要放在斜...