Bootstrap是一種web框架，是基于HTML,CSS和JS的一種目前較為流行的前端框架。

創(chuàng)新互聯(lián)建站主要從事網站建設、做網站、網頁設計、企業(yè)做網站、公司建網站等業(yè)務。立足成都服務夏河,十年網站建設經驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:13518219792

Bootstrap包含有豐富的組件，根據(jù)提供的組件，開發(fā)者可以更加快速、便捷地搭建自己心儀的網站。通常包括有以下常用組件：下拉菜單、按鈕組、按鈕下拉菜單、導航、導航條、分頁、排版、縮略圖、警告對話框、進度條、媒體對象等。此外，bootstrap還包含有眾多jQuery插件：莫泰局昂、標簽頁、滾動條、彈出框等。

有關bootstrap的下載和文檔可到bootstrap中文網：www.bootcss.com查看。

那么使用bootstrap的優(yōu)勢在哪里？第一、利于開發(fā)響應式網站，解決不同設備的兼容性問題。第二、提高了網站的開發(fā)速度和開發(fā)效率。

參考：如何使用Bootstrap的modal組件自定義alert，confirm和modal對話框

Bootstrap學習系列之使用 Bootstrap Typeahead 組件實現(xiàn)百度下拉效果

本篇文章將總結常用組件及其屬性。

1.1柵格系統(tǒng)

1、柵格系統(tǒng)是一種行和列構成的一種布局。隨著，屏幕分辨率的變大，最多可展示12個列。

PC端：

PAD端：

手機終端：

2、柵格參數(shù)：

col-lg-*:(屏幕>=1200px) PC
col-md-*:（992px-1200px）
col-sm-*:（768px-992px）小平板
col-xs-*:（小于768px）手機

3.代碼示例：

<div class="container" > 
 <div class="row"> 
  <div class="col-lg-3 col-sm-4 col- xs-6"> 
   <div class="thumbnail"> 
    <img src="img/codeguide.png"> 
    <h3>靠譜研究所</h3> 
    <p>我們的口號是：靠譜、有趣、有料</p> 
   </div> 
  </div> 
  <div class="col-lg-3 col-sm-4 col- xs-6"> 
   <div class="thumbnail"> 
    <img src="img/codeguide.png"> 
    <h3>靠譜研究所</h3> 
    <p>我們的口號是：靠譜、有趣、有料</p> 
   </div> 
  </div> 
 </div>  
 </div>

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)建站www.rwnh.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

網站題目：分享bootstrap學習筆記心得(組件及其屬性)-創(chuàng)新互聯(lián)
標題URL：http://www.rwnh.cn/article42/dhhshc.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供電子商務、軟件開發(fā)、搜索引擎優(yōu)化、Google、動態(tài)網站、面包屑導航

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)