bootstrap的用途是什么？原始的網頁設計出來的頁面太丑了，所以有些人把前端簡單的封裝了一下，讓我們寫出來的頁面更加漂亮。Bootstrap的作用就是這樣的，在沒有美工的前提下也可以設計出漂亮的前

bootstrap的用途是什么？

原始的網頁設計出來的頁面太丑了，所以有些人把前端簡單的封裝了一下，讓我們寫出來的頁面更加漂亮。Bootstrap的作用就是這樣的，在沒有美工的前提下也可以設計出漂亮的前端頁面。

為什么修改了bootstrap的css文件自定義的樣式不起作用？

　　bootstrap已經作為前端開發(fā)必不可少的框架之一，應用bootstrap使得我們對布局、樣式的設定變得非常簡單。

　　但bootstrap提供的默認樣式往往不能滿足我們的需求，從而定制化bootstrap成為我們經常需要做的工作，本文就如何更高效更可維護地定制bootstrap做一下探討?！　?　　如下圖，在你的button 中加入bootstrap的class: btn btn-primary，就可以將默認的button（左邊）變成右邊的樣式?！　】扇绻覀兿霊米约旱臉邮侥乜幢热缥覀兿胍獡碛袌A角的button。　　通常，我們可以直接覆蓋bootstrap的樣式?！　∥覀冊谧约旱捻椖磕夸浵滦陆╩y-custom.css文件，加入如下代碼： 　　.btn { -webkit-border-radius: 20px -moz-border-radius: 20px border-radius: 20px} 　　 　　將my-custom.css文件引用放到bootstrap.css文件后面，我們定義的btn樣式就會覆蓋原有的樣式（注：這里的‘覆蓋’指的是增量疊加式的覆蓋）?！　　　?　　但這種方法有它的優(yōu)缺點， 　　優(yōu)點：不會改變你的工作流程。你可以快速直接修改你的樣式，即使是你的網站引用了其他的類似bootstrap的框架樣式，你都可以在同一個地方進行統(tǒng)一的定制?！　∪秉c：但是對于更徹底的修改(比如重新設計導航欄)或是非局部的修改(比如修改適用于整個網站的高亮顏色)來說，這樣東一塊，西一塊的覆蓋樣式更像是一種打補丁式的解決方案。而且你的新樣式要添加到Bootstrap的默認樣式表里，讓本已經100 KB的文件越發(fā)臃腫。如果你不僅僅想要做一些覆蓋，那就要考慮一種更具擴展性的方法了?！　×硪环N方法是生成一個自定義構建的bootstrap。　　我們可以使用官方的構建器，你可以對bootstrap中樣式變量進行自定義。如下圖所示：