亚洲AVI,黑人巨茎大战欧美白妇,初高中生洗澡自慰高清网站,欧美日韩无砖专区一中文字

咨詢熱線 ：
028-86922220

重慶分公司，新征程啟航

為企業(yè)提供網(wǎng)站建設(shè)、域名注冊(cè)、服務(wù)器等服務(wù)

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

首先把模板代碼上上來:

創(chuàng)新互聯(lián)2013年開創(chuàng)至今，是專業(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)系電話:028-86922220



 
  
  
  
  
  
  
  BootStrap基礎(chǔ)入門

圖片樣式

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

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

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

圖片樣式應(yīng)用

   

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

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

輔助類樣式

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

背景顏色類：.bg-primary、.bg-success、.bg-info、.bg-warning、.bg-danger

三角符號(hào)：

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

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

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

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

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

CSS組件

下拉菜單

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

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

.dropdown-menu：給

    指定下拉菜單的樣式。

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

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

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

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

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

    BootStrap 圖片樣式、輔助類樣式和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 圖片樣式、輔助類樣式和CSS組件的實(shí)例詳解

    按鈕式下拉菜單         

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

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

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

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

    輸入框組

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