bootstrap多久能學(xué)會(huì)（bootstrap要學(xué)到什么程度）

大家好！今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于bootstrap多久能學(xué)會(huì)的問(wèn)題，以下是小編對(duì)此問(wèn)題的歸納整理，讓我們一起來(lái)看看吧。

開始之前先推薦一個(gè)非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對(duì)話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁(yè)版、PC客戶端

官網(wǎng)：https://ai.de1919.com。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，如需了解相關(guān)業(yè)務(wù)請(qǐng)撥打電話175-8598-2043，或添加微信：1454722008

本文目錄:

• 1、前端學(xué)多久可以找工作 要學(xué)到什么

• 2、我想自學(xué)Python，多久才能學(xué)會(huì)？

• 3、零基礎(chǔ)可以學(xué)Java嗎？一般要學(xué)多久？

• 4、如何學(xué)習(xí)bootstrap框架

一、前端學(xué)多久可以找工作 要學(xué)到什么

首先，學(xué)前端的時(shí)間是一個(gè)很漫長(zhǎng)的過(guò)程，如果你只是單純的想做一些網(wǎng)頁(yè)，那簡(jiǎn)單的學(xué)習(xí)一下h5就能找工作了，不過(guò)，一個(gè)專業(yè)的前端開發(fā)工程師是必須掌握前端開發(fā)三大基本基石：HTML、CSS，JavaScript。

當(dāng)然，學(xué)會(huì)這些還遠(yuǎn)遠(yuǎn)不夠，要熟練運(yùn)用這三大基礎(chǔ)語(yǔ)言還要結(jié)合各種工具的使用，常見的工具有Dreamweaver，Sublime，HBuilder。還有FontelloFontello 、Secureheaders、Visual Studio CodeVisual Studio Code。當(dāng)然，工具只能解決一些特定問(wèn)題，要解決更加全面的問(wèn)題就要接觸到框架，三大基本框架有Angular、React、Vue，當(dāng)然，以后還會(huì)接觸到更多Bootstrap、 Fbootstrapp、BootMetro、Gumby、IVORY、Kube這樣的框架。另外，一個(gè)優(yōu)秀的前端開發(fā)工程師可能還要掌握SEO、DOM、BOM、Ajax等技能，甚至，網(wǎng)站性能優(yōu)化和服務(wù)器端的相關(guān)基礎(chǔ)知識(shí)也是需要了解的。

當(dāng)然，前端開發(fā)也在不停發(fā)展，如果你學(xué)會(huì)了后就安于現(xiàn)狀停滯不前，那一定會(huì)被市場(chǎng)所淘汰。

要想學(xué)好前端開發(fā)，要接觸的知識(shí)太多了，永遠(yuǎn)不要安于現(xiàn)狀，想要提升自己的能力就必須不停的學(xué)習(xí)。你的工作是什么樣的，一定取決于你的能力。

二、我想自學(xué)Python，多久才能學(xué)會(huì)？

Python是一種跨平臺(tái)的計(jì)算機(jī)程序設(shè)計(jì)語(yǔ)言。是一種面向?qū)ο蟮膭?dòng)態(tài)類型語(yǔ)言，最初被設(shè)計(jì)用于編寫自動(dòng)化腳本，隨著版本的不斷更新和語(yǔ)言新功能的添加，越來(lái)越多被用于獨(dú)立的、大型項(xiàng)目的開發(fā)。根據(jù)成都IT培訓(xùn)優(yōu)就業(yè)小編的調(diào)研一般培訓(xùn)機(jī)構(gòu)設(shè)置的Python培訓(xùn)時(shí)間為5個(gè)月左右。5個(gè)月的時(shí)間足夠培訓(xùn)機(jī)構(gòu)幫助零基礎(chǔ)的學(xué)員學(xué)習(xí)Python知識(shí)，進(jìn)入Python開發(fā)行業(yè)了。

相較于自學(xué)培訓(xùn)還是比較快的，因?yàn)橛薪?jīng)驗(yàn)豐富的講師一直帶著學(xué)習(xí)，就會(huì)少走很多彎路，所以時(shí)間也會(huì)比較短;而且培訓(xùn)機(jī)構(gòu)有一套系統(tǒng)的課程體系，課程內(nèi)容都是培訓(xùn)機(jī)構(gòu)根據(jù)目前企業(yè)的需求制定的，所以學(xué)員只需要跟著課程大綱按部就班的學(xué)習(xí)就可以了，而自學(xué)還需要自己找資料、自己分析，學(xué)習(xí)時(shí)間不但比培訓(xùn)慢，還有可能學(xué)到?jīng)]用的知識(shí)。

5個(gè)月的Python培訓(xùn)時(shí)間除了會(huì)教授Python理論知識(shí)，培訓(xùn)機(jī)構(gòu)還會(huì)穿插實(shí)戰(zhàn)環(huán)節(jié)，因?yàn)楝F(xiàn)在很多企業(yè)都比較看重求職者的動(dòng)手能力，所以培訓(xùn)機(jī)構(gòu)會(huì)讓學(xué)員多多動(dòng)手，增加實(shí)踐經(jīng)驗(yàn)。而自學(xué)需要自己找項(xiàng)目做，所需的時(shí)間也會(huì)相應(yīng)的增加。

三、零基礎(chǔ)可以學(xué)Java嗎？一般要學(xué)多久？

零基礎(chǔ)當(dāng)然是可以學(xué)習(xí)Java的

零基礎(chǔ)學(xué)習(xí)java培訓(xùn)的話一般得6個(gè)月，自學(xué)比培訓(xùn)慢的多，每個(gè)人的學(xué)習(xí)能力也不一樣，時(shí)間長(zhǎng)短也不一樣。就算培訓(xùn)6個(gè)月出來(lái)也只是說(shuō)可以入門，自學(xué)基本上能每天持續(xù)學(xué)習(xí)下來(lái)6-8個(gè)月，慢的也許1-2年吧

首先你要把基礎(chǔ)的，J2SE學(xué)會(huì)，這里面的知識(shí)包括，語(yǔ)法基礎(chǔ)(變量，變量作用域，常量，數(shù)組，集合，函數(shù)，算術(shù)運(yùn)算符，邏輯運(yùn)算符，常用表達(dá)式，流程控制，循環(huán)判斷，選擇，跳轉(zhuǎn)控制，等等)

然后就是數(shù)據(jù)結(jié)構(gòu)與算法基礎(chǔ)(什么是鏈表，什么是表結(jié)構(gòu)，圖結(jié)構(gòu)，樹結(jié)構(gòu)，二叉樹，冒泡排序，樹形排序，二分查找算法，遞歸算法等等)

其次是面向?qū)ο蠡A(chǔ)(類，方法，虛方法，虛函數(shù)，虛基類，繼承，多態(tài)，重寫，重載，接口)

以上僅為基礎(chǔ)知識(shí)要學(xué)的，但是學(xué)完不等于能工作。

然后你至少要會(huì)一種數(shù)據(jù)庫(kù)，Java的話推薦Oracle這就需要學(xué)，表和表空間，PL/SQL要學(xué)基本的查詢語(yǔ)句，數(shù)據(jù)操作語(yǔ)句(增刪改查)，存儲(chǔ)過(guò)程和觸發(fā)器，聯(lián)機(jī)熱備和冷備份(也叫脫機(jī)備份)，表結(jié)構(gòu)三范式。

以上學(xué)完就要考慮分方向?qū)W習(xí)才能去找工作

有一個(gè)清晰系統(tǒng)的Java學(xué)習(xí)路線

1. JavaSE基礎(chǔ)：

   一定要好好學(xué)，很多人都不明白基礎(chǔ)的重要性。上來(lái)就什么ssm，springBoot，redis。比誰(shuí)認(rèn)識(shí)的單詞多嗎？面向?qū)ο?、字符串處理、集合、IO一定要重點(diǎn)學(xué)！

2.JavaWeb前端：

不要老一副吊樣，覺(jué)得自己出去就是后端工程師，不學(xué)什么HTML, CSS, JavaScript。老鐵，不存在的。進(jìn)了外包公司你萬(wàn)一發(fā)現(xiàn)后臺(tái)邏輯簡(jiǎn)單的一逼，就幾個(gè)接口，反而前端頁(yè)面切個(gè)圖都要一天，難道你還好意思暗搓搓問(wèn)老板：怎么我們公司沒(méi)有前端的嗎？所以前端一定要重視。div+css布局一定要麻溜的，js的dom操作必須給力。jQuery/bootstrap你必須會(huì)吧！

3.JavaWeb服務(wù)器端：

Tomcat目錄結(jié)構(gòu)必須了如指掌吧。讓你手動(dòng)部署個(gè)webapp總要會(huì)吧。哪里配置虛擬主機(jī)，哪里改端口號(hào)，web-info文件夾下的內(nèi)容外部無(wú)法訪問(wèn)這些都要懂一點(diǎn)吧？這些皮毛都不懂，怎么好意思說(shuō)自己搞服務(wù)器端？jsp和servlet什么關(guān)系，servlet最常見的三種創(chuàng)建方式，Javaweb四大域?qū)ο?，jsp九大內(nèi)置對(duì)象都要知道吧？el表達(dá)式必須熟悉吧？mysql增刪改查sql語(yǔ)句要會(huì)寫吧，多表關(guān)聯(lián)、左外右外不能慫吧？jdbc是干嘛的，sql注入是啥，如何用jdbc實(shí)現(xiàn)事務(wù)等等都要知道吧？

4.框架預(yù)備知識(shí)：

xml讀寫操作要知道，反射、內(nèi)省、泛型不要求精通，但怎么用總要心里有點(diǎn)那個(gè)什么數(shù)吧。不然你框架學(xué)起來(lái)就是懵逼的。

5.ssh、ssm框架：

不要求你精通底層原理，但是山寨版的原理總要略知一二吧。如何山寨實(shí)現(xiàn)IoC容器，如何對(duì)dao進(jìn)行抽取，如何借助反射實(shí)現(xiàn)同一個(gè)servlet處理多個(gè)請(qǐng)求，這些最好都要了解吧。在理解山寨版框架的基礎(chǔ)上，把配置多配幾遍，做到心里有數(shù)。明白每個(gè)配置大致起到什么作用。另外，我一向覺(jué)得，學(xué)習(xí)框架必須帶著下面的疑問(wèn)：這個(gè)框架沒(méi)有出現(xiàn)之前，我們的前輩們?nèi)绾谓鉀Q的？它的出現(xiàn)解決了哪些痛點(diǎn)？又有什么缺點(diǎn)沒(méi)有？都是需要去琢磨的。

作為過(guò)來(lái)人，我就在這里給你講解一下，學(xué)習(xí)Java需要怎么去做

1，有了詳細(xì)的學(xué)習(xí)路線之后，你要還要有一個(gè)學(xué)習(xí)規(guī)劃，根據(jù)自己本身的時(shí)間，基礎(chǔ)，制定適合自己的學(xué)習(xí)計(jì)劃。企業(yè)崗位需要我們掌握的技術(shù)知識(shí)點(diǎn)有哪些。在什么階段自己應(yīng)該達(dá)到什么樣的技術(shù)水平。

2，很多初學(xué)者一開始的時(shí)候都喜歡看書，我自己的建議，Java是一門編程語(yǔ)言，更多的是需要我們看視頻教程，多練習(xí)，多寫。書本上的東西是一個(gè)理論，看明白了實(shí)際操作不一定會(huì)，在準(zhǔn)備學(xué)習(xí)Java技術(shù)之前，一定要提前找好相關(guān)的一套視頻教程

3.按時(shí)反饋?zhàn)约旱膶W(xué)習(xí)成果。

有時(shí)候?qū)W習(xí)了后面忘記了前面。需要溫故而知新，有問(wèn)題先試著自己解決，不行再請(qǐng)教別人。

4.堅(jiān)持不懈寫代碼

實(shí)踐是檢驗(yàn)理論的唯一標(biāo)準(zhǔn)，只有寫代碼才能讓你真正意識(shí)到問(wèn)題的深刻度，不斷發(fā)現(xiàn)編程語(yǔ)言的局限性和解決問(wèn)題的方案。對(duì)初學(xué)者來(lái)說(shuō)提升編程質(zhì)量的唯一途徑就是不停的敲代碼，哪怕是一個(gè)很簡(jiǎn)單的問(wèn)題，將它用代碼實(shí)現(xiàn)并運(yùn)行，這才是學(xué)習(xí)編程唯一可行的途徑?？垦劬κ菍W(xué)不會(huì)編程的，對(duì)于初學(xué)者除了練習(xí)別無(wú)它法!

5.加一些學(xué)習(xí)氛圍好的交流論壇

記住，你不是一個(gè)人在戰(zhàn)斗，有很多人他們和你一樣，在同一個(gè)起跑線上奮斗著。使用框架實(shí)現(xiàn)一個(gè)簡(jiǎn)單的程序不是真正的挑戰(zhàn)，當(dāng)你真正成為一個(gè)開發(fā)工程師的時(shí)候，你會(huì)發(fā)現(xiàn)很多奇怪的問(wèn)題是靠說(shuō)明解決不了的，你需要依靠一些人給你提供學(xué)習(xí)線索，哪怕是只言片語(yǔ)都有可能幫你走出困境，令你感恩不已?？鬃釉唬喝诵校赜形?guī)?，在開發(fā)領(lǐng)域這句話絕被奉為經(jīng)典并不斷的得到驗(yàn)證，作為初學(xué)者，不要放過(guò)一個(gè)可能領(lǐng)你提升的機(jī)會(huì)，尋找一些好的論壇，不懂就問(wèn)，問(wèn)題解決一個(gè)少一個(gè)，自己也會(huì)不斷進(jìn)步。當(dāng)然你也要學(xué)會(huì)分享，把自己的經(jīng)驗(yàn)和想法分享給和你曾經(jīng)遇到一樣問(wèn)題的人，幫助他們的同時(shí)也鞏固了自己的知識(shí)，懂得分享亦是進(jìn)步。

6.尋找經(jīng)典技術(shù)博客

上一條剛說(shuō)了，你不是一個(gè)人在戰(zhàn)斗，在網(wǎng)絡(luò)上有很多技術(shù)牛人都通過(guò)博客來(lái)分享自己的技術(shù)經(jīng)驗(yàn)和編程心得，你只需要勤奮一些去發(fā)現(xiàn)這樣的博客，每天去閱讀他們的技術(shù)文章，能吸收到不同人對(duì)同一技術(shù)的經(jīng)驗(yàn)可看法，或許他們會(huì)為某一項(xiàng)功能而爭(zhēng)執(zhí)不休，你不需要去理會(huì)，在“觀戰(zhàn)”的時(shí)候要去分析各種觀點(diǎn)，逐漸形成自己的思想，久而久之你會(huì)明顯感覺(jué)到自己在程序設(shè)計(jì)上的提升，這就是進(jìn)步。

前面輸入是：319中間是：097最后連起來(lái)：546，有遇見任何問(wèn)題都可以隨時(shí)來(lái)交流，只有不斷的碰撞和交流，我們才能發(fā)現(xiàn)解決自己的問(wèn)題，以此取長(zhǎng)補(bǔ)短。缺乏基礎(chǔ)入門的視頻教程也可以直接來(lái)找我要，

總之，在我看來(lái)，Java還算是一門容易上手的編程語(yǔ)言，但想要融會(huì)貫通，除了掌握良好的學(xué)習(xí)方法之外，努力是必不可少的。學(xué)習(xí)Java要對(duì)自己有充分的信心，調(diào)整學(xué)習(xí)方法和態(tài)度。開啟學(xué)習(xí)Java的旅程。

四、如何學(xué)習(xí)bootstrap框架

全局樣式

1

Bootstrap 中用到一些 HTML元素和CSS屬性需要將頁(yè)面設(shè)置為 HTML5 文檔類型，即在頁(yè)面頂部添加“<!DOCTYPE html>”

2

布局容器：Bootstrap 需要為頁(yè)面內(nèi)容和柵格系統(tǒng)包裹一個(gè) .container或container-fluid（占據(jù)全部視口viewport的容器）容器。

3

柵格系統(tǒng)，Bootstrap 提供了一套最多12列的流式柵格系統(tǒng)，通過(guò) .row表示行 和 .col-xs-4 這種表示寬度的列快速創(chuàng)建柵格布局。

4

Bootstrap 排版、鏈接樣式設(shè)置了基本的全局樣式。

font-size 設(shè)置為 14px，line-height 設(shè)置為 1.428。

<p> （段落）元素還被設(shè)置了等于 1/2 行高（即 10px）的底部外邊距（margin）。

基礎(chǔ)樣式

【排版】，

1. 標(biāo)題，可以用來(lái).h1 到 .h6 類給內(nèi)聯(lián)屬性的文本賦予標(biāo)題樣式，標(biāo)題內(nèi)通過(guò)<small> 標(biāo)簽或帶.small 類的元素標(biāo)記副標(biāo)題。

主體文本：.lead 類讓段落突出顯示。

2. 內(nèi)聯(lián)文本，使用<mark> 標(biāo)簽表示標(biāo)注文本，<del>刪除，<s>無(wú)用，<ins>插入，<u>下劃線，<small>小號(hào)（父容器字體大小的 85%），<strong>著重，<em>斜體。

3. 文本對(duì)齊類，text-left，text-center，text-right，text-justify，text-nowrap

4. 文本大小寫類，text-lowercase，text-uppercase，text-capitalize

5. 縮略語(yǔ)類，為 <abbr> 元素設(shè)置 title屬性并使用.initialism 類讓 font-size 變得稍微小些。例：<abbr title="attribute" class="initialism">attr</abbr>

6. 地址，以日常使用的格式呈現(xiàn)，在行結(jié)尾加 <br> 保留需要的樣式即可。

7. 引用，將 HTML 元素包裹在 <blockquote> 中即可表現(xiàn)為引用樣式。對(duì)于直接引用，建議用 <p> 標(biāo)簽。

8. 列表，list-unstyled類移除默認(rèn) list-style 樣式和左側(cè)外邊距的一組元素（只針對(duì)直接子元素）。list-inline類通過(guò)設(shè)置 display: inline-block; 并添加少量的內(nèi)補(bǔ)（padding），將所有元素放置于同一行。dl-horizontal類讓 <dl> 內(nèi)的短語(yǔ)及其描述排在一行。

【代碼】

<code> 標(biāo)簽包裹內(nèi)聯(lián)樣式的代碼片段，

<kbd> 標(biāo)簽標(biāo)記用戶通過(guò)鍵盤輸入的內(nèi)容，

<pre> 展示代碼塊 ?？捎胮re-scrollable 類設(shè)置最高350px帶垂直滾動(dòng)條。

<var> 標(biāo)簽標(biāo)記變量，

<samp> 標(biāo)簽標(biāo)記程序輸出的內(nèi)容。

【表格】

.table 類指定基本樣式，

.table-striped 條紋樣式，

.table-bordered 類為邊框樣式，

.table-hover 類帶鼠標(biāo)懸停樣式，

.table-condensed 類緊湊樣式。

狀態(tài)類(行或單元格設(shè)置顏色)：active，success，info，warning，info。

將任何 .table 元素包裹在 .table-responsive 元素內(nèi)，即可創(chuàng)建響應(yīng)式表格，其

響應(yīng)式表格: 會(huì)在小屏幕設(shè)備上（小于768px）水平滾動(dòng)。當(dāng)屏幕大于 768px 寬度時(shí)，水平滾動(dòng)條消失。

【表單】

1. 基本實(shí)例，所有設(shè)置了 .form-control 類的 <input>、<textarea> 和 <select> 元素都將被默認(rèn)設(shè)置寬度屬性為 width: 100%;。 將 label 元素和前面提到的控件包裹在 .form-group 中可以獲得最好的排列。

不要講表單組直接和輸入框組混合使用。建議將輸入框組嵌套到表單組中使用。

form-group，input-group，control-group，

2. 內(nèi)聯(lián)表單，<form> 元素添加 .form-inline 類可使其內(nèi)容左對(duì)齊并且表現(xiàn)為 inline-block 級(jí)別的控件。只適用于視口（viewport）至少在 768px 寬度時(shí)（視口寬度再小的話就會(huì)使表單折疊）。

在內(nèi)聯(lián)表單中單選/多選框控件的寬度設(shè)置為 width: auto;

如果你沒(méi)有為每個(gè)輸入控件設(shè)置 label 標(biāo)簽，屏幕閱讀器將無(wú)法正確識(shí)別。對(duì)于這些內(nèi)聯(lián)表單，你可以通過(guò)為label 設(shè)置 .sr-only 類將其隱藏。

3. 水平排列的表單

通過(guò)為表單添加 .form-horizontal 類改變 .form-group 的行為，使其表現(xiàn)為柵格系統(tǒng)中的行（row）

4. 多選和單選框

.radio、.radio-inline、.checkbox、.checkbox-inline 。

5. 靜態(tài)控件

水平布局的表單中，如需將一行純文本和 label 元素放置于同一行，為 <p> 元素添加 .form-control-static類即可。

6. 控件狀態(tài)

.disabled類禁用控件，為<fieldset> 設(shè)置disabled 時(shí)則禁用包含的所有控件。

a標(biāo)簽不受此類影響。

readonly 屬性可以禁止用戶輸入

.has-warning、.has-error 或 .has-success 類到這些控件的父元素即可。任何包含在此元素之內(nèi)的 .control-label、.form-control 和 .help-block 元素都將接受這些校驗(yàn)狀態(tài)的樣式。

你還可以針對(duì)校驗(yàn)狀態(tài)為輸入框添加額外的圖標(biāo)（注意依賴于label標(biāo)簽）。只需設(shè)置相應(yīng)的 .has-feedback 類并添加正確的圖標(biāo)即可。

7. 控件尺寸

通過(guò) .input-lg .input-sm類似的類可以為控件設(shè)置高度，通過(guò) .col-lg-* 類似的類可以為控件設(shè)置寬度

通過(guò)添加 .form-group-lg 或 .form-group-sm 類，為 .form-horizontal 包裹的 label 元素和表單控件快速設(shè)置尺寸。

用柵格系統(tǒng)中的列（column）包裹輸入框或其任何父元素，都可很容易的為其設(shè)置寬度。

8. 輔助文本

help-block類，針對(duì)表單控件的“塊（block）”級(jí)輔助文本。

【按鈕】

1. 基本樣式，btn、btn-default、btn-primary、btn-success、btn-info、btn-warning、btn-danger、active

2. 展現(xiàn)形式，btn-link、btn-block、close

3. 尺寸樣式，.btn-lg、.btn-sm 、.btn-xs 。

可通過(guò) <a>、<button> 或 <input> 元素應(yīng)用按鈕類，但建議用 <button> 元素來(lái)獲得在各個(gè)瀏覽器上獲得相匹配的繪制效果。

6

【圖片】

圖片形狀，img-rounded，img-circle，img-thumbnail，IE8 不支持 CSS3 中的圓角屬性。

7

【輔助】

text-muted、text-primary、text-success、text-info、text-warning、text-danger

bg-primary、bg-success、bg-info、bg-warning、bg-danger、

三角符號(hào)，caret

浮動(dòng)

居中

組件樣式

【圖標(biāo)】

200個(gè)來(lái)自 Glyphicon Halflings 的字體圖標(biāo)，

圖標(biāo)類只能應(yīng)用在空元素上，且不可與其它組件聯(lián)合使用。

<span class="glyphicon glyphicon-search"></span>

【菜單】

將下拉菜單觸發(fā)器和下拉菜單都包裹在 .dropdown 里

菜單對(duì)齊：默認(rèn)情況下，下拉菜單自動(dòng)沿著父元素的上沿和左側(cè)被定位為 100% 寬度。 為 .dropdown-menu 添加 .dropdown-menu-right 類可以讓菜單右對(duì)齊

菜單分組：dropdown-header表描述項(xiàng)，.disabled 表禁用項(xiàng)

向上彈出： .dropup 類就能使觸發(fā)的下拉菜單朝上方打開

【按鈕組】

按鈕組.btn-group，通過(guò).btn-group-* 指定組中按鈕尺寸。

按鈕欄.btn-toolbar

鈕垂直堆疊排列顯示btn-group-vertical

兩端對(duì)齊排列的按鈕組btn-group-justified

【導(dǎo)航】

標(biāo)簽頁(yè).nav-tabs 類依賴 .nav 基類。

膠囊式標(biāo)簽頁(yè).nav-pills 類，添加 .nav-stacked 類改為垂直堆疊。

.nav-justified 類可以很容易的讓標(biāo)簽頁(yè)或膠囊式標(biāo)簽呈現(xiàn)出同等寬度。

navbar navbar-default

對(duì)于不包含在 <form> 中的 <button> 元素，加上 .navbar-btn 后，可以讓它在導(dǎo)航條里垂直居中。

將表單放置于 .navbar-form 之內(nèi)可以呈現(xiàn)很好的垂直對(duì)齊，

.navbar-text

.navbar-link

.navbar-left 和 .navbar-right 工具類讓導(dǎo)航鏈接、表單、按鈕或文本對(duì)齊。

.navbar-fixed-top 類可以讓導(dǎo)航條固定在頂部

.navbar-fixed-bottom 類可以讓導(dǎo)航條固定在底部

.navbar-static-top 類可讓導(dǎo)航條隨著頁(yè)面向下滾動(dòng)而消失。

.navbar-inverse 類可以改變導(dǎo)航條的外觀。

breadcrumb 創(chuàng)建帶有層次的導(dǎo)航結(jié)構(gòu)（面包屑）。

【分頁(yè)】

pagination，并根據(jù)情況對(duì)頁(yè)碼使用.disabled 類、 .active 類。

.pagination-lg 或 .pagination-sm 類提供了額外可供選擇的尺寸。

pager上一頁(yè)和下一頁(yè)的簡(jiǎn)單翻頁(yè)。并可通過(guò)previous，next類標(biāo)示。

【標(biāo)簽】

label標(biāo)簽基類，可通過(guò)label-default, label-primary, label-success, label-info, label-warning, label-danger改變標(biāo)簽的外觀。

badge，可以很醒目的展示新的或未讀的信息條目。

7

【其它】

縮略圖

提示框

進(jìn)度條

媒體對(duì)象等

定制樣式

1

BootStrap提供了根據(jù)自己需要的組件及jquery插件進(jìn)行定制，使用者也可以直接修改Less源碼。

END

總結(jié)

1

本篇經(jīng)驗(yàn)僅從全局簡(jiǎn)單介紹Bootstrap的內(nèi)容，細(xì)節(jié)部分并不具體，Bootstrap的使用非常靈活，可以對(duì)各種組件進(jìn)行合并使用（如：為標(biāo)簽頁(yè)項(xiàng) 添加帶下拉菜單），建議使用過(guò)程中實(shí)時(shí)參考官方文檔，官方文檔有更詳細(xì)的下載及使用說(shuō)明，針對(duì)具體樣式有直觀樣例，而且有豐富的主題案例。

以上就是關(guān)于bootstrap多久能學(xué)會(huì)相關(guān)問(wèn)題的回答。希望能幫到你，如有更多相關(guān)問(wèn)題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。

推薦閱讀：

招聘網(wǎng)boss直聘（招聘網(wǎng)boss直聘下載）

facebook跨境電商如何做（facebook跨境電商開店）

手機(jī)怎么上facebook在中國(guó)（手機(jī)怎樣上facebook）

買手崗位職責(zé)（買手崗位職責(zé)-買手工作內(nèi)容）

廣告產(chǎn)品（廣告產(chǎn)品定位策略）