真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

BootStrap圖片樣式、輔助類(lèi)樣式和CSS組件的實(shí)例詳解

首先把模板代碼上上來(lái):

創(chuàng)新互聯(lián)2013年開(kāi)創(chuàng)至今，是專(zhuān)業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元?jiǎng)偛熳鼍W(wǎng)站,已為上家服務(wù),為剛察各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話(huà):028-86922220



 
  
  
  
  
  
  
  BootStrap基礎(chǔ)入門(mén)

圖片樣式

.img-responsive：直接為圖片添加該樣式，可以實(shí)現(xiàn)響應(yīng)式圖片。

.center-block：圖片居中樣式，而不能使用text-center樣式。

圖片形狀樣式：.img-rounded(圓角圖片)、.img-circle(圓形圖片)、.img-thumbnail(邊框圓角) 

圖片樣式應(yīng)用

   

    
    
文字文字文字文字文字文字文字文字文字文字文字文字

BootStrap 圖片樣式、輔助類(lèi)樣式和CSS組件的實(shí)例詳解

輔助類(lèi)樣式

文本顏色類(lèi)：.text-muted(柔和的)、.text-primary、.text-success、.text-info、.text-warning、.text-danger

背景顏色類(lèi)：.bg-primary、.bg-success、.bg-info、.bg-warning、.bg-danger

三角符號(hào)：

快速浮動(dòng)類(lèi)：.pull-left(左浮動(dòng))、.pull-right(右浮動(dòng))

清除浮動(dòng)：為父元素添加 .clearfix 可以清除浮動(dòng)。

讓內(nèi)容塊網(wǎng)頁(yè)居中：

 
清除浮動(dòng)的應(yīng)用

BootStrap 圖片樣式、輔助類(lèi)樣式和CSS組件的實(shí)例詳解

CSS組件

下拉菜單

.dropdown將下拉菜單觸發(fā)器和下拉菜單包含在其中(下拉菜單父元素)。

data-toggle屬性：下拉菜單觸發(fā)器。取值為“dropdown”。

.dropdown-menu：給

    指定下拉菜單的樣式。

    .dropup：向上彈出的下拉菜單(下拉菜單父元素)。

    下拉菜單對(duì)齊方式：.dropdown-menu-left和.dropdown-menu-right

    .divider：為下拉菜單添加分隔線(xiàn)，用于將多個(gè)鏈接分組。

    .disabled：禁用的菜單項(xiàng)。       

     
    下拉菜單的應(yīng)用

    BootStrap 圖片樣式、輔助類(lèi)樣式和CSS組件的實(shí)例詳解

    按鈕組

    .btn-group：按鈕組(可以實(shí)現(xiàn)將一組按鈕放在同一行)。

    .btn-toolbar：按鈕組工具欄(將多個(gè)按鈕組放在其中)。

    按鈕組的尺寸：.btn-group-lg、.btn-group-sm、.btn-group-xs

    .btn-group-vertical：垂直排列的按鈕組。       

    按鈕組的應(yīng)用

    BootStrap 圖片樣式、輔助類(lèi)樣式和CSS組件的實(shí)例詳解

    按鈕式下拉菜單         

    按鈕式下拉菜單的應(yīng)用

    BootStrap 圖片樣式、輔助類(lèi)樣式和CSS組件的實(shí)例詳解

    在這里呢，如果我們下拉菜單很多，就可以用滾動(dòng)條來(lái)解決！

    用overflow: auto;，然后定義一個(gè)高度就好。

    輸入框組

    .input-group：只能用于文本框，不能用于