bootstrap中css樣式設(shè)計(jì)的示例分析，相信很多沒(méi)有經(jīng)驗(yàn)的人對(duì)此束手無(wú)策，為此本文總結(jié)了問(wèn)題出現(xiàn)的原因和解決方法，通過(guò)這篇文章希望你能解決這個(gè)問(wèn)題。

創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比港口網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式港口網(wǎng)站制作公司更省心,省錢(qián),快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋港口地區(qū)。費(fèi)用合理售后完善，十年實(shí)體公司更值得信賴。

由于項(xiàng)目需要，所以打算好好學(xué)習(xí)下bootstrap框架，之前了解一點(diǎn)，框架總體不難，但涉及到的東西還是很多，想要熟練掌握它，還是要多練練。

一：bootstrap是什么？

bs是什么?  即前端頁(yè)面搭建的標(biāo)準(zhǔn)化框架工具，已經(jīng)寫(xiě)好了css.js樣式，只需要拿來(lái)用即可。

怎么用bs呢？主要是通過(guò)使用不同的類增加效果，每一種類，對(duì)應(yīng)的功能不同。

bs好處：增加了開(kāi)發(fā)效率，頁(yè)面設(shè)計(jì)更加美觀,支持響應(yīng)式開(kāi)發(fā)。

二：css樣式設(shè)計(jì)

1：基于Html文檔

bootstrap引用了部分html元素，所以頭部需寫(xiě)成下面所示的樣列。

1.    ---包含HTML5文檔聲明，所有瀏覽器均開(kāi)啟標(biāo)準(zhǔn)模式   
      
      
      
      
      
          
      
      
      
     
      
      
     
      
      
     
      
      
      
      
   Hello, world!
      
      
   

2：柵格系統(tǒng)布局

 通過(guò)設(shè)置行和列來(lái)進(jìn)行內(nèi)容的布局。bootstrap把頁(yè)面設(shè)置為12列。通過(guò)改變列的數(shù)字來(lái)進(jìn)行布局，比如設(shè)置三個(gè)等寬的列：

JavaScript Code復(fù)制內(nèi)容到剪貼板

1.      
      
      
      
      
      
          
      
      
      
      
      
      
      
      
      
                                          -- col-xs-4 : 指小于768px的小設(shè)備   
                        11