欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

bootstrap中圖片樣式是什么

小編給大家分享一下bootstrap中圖片樣式是什么,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

10年積累的成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)經(jīng)驗(yàn),可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你,你也不認(rèn)識(shí)我。但先做網(wǎng)站后付款的網(wǎng)站建設(shè)流程,更有新余免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

bootstrap中圖片樣式有四種:1、“.img-rounded”,圓角圖片樣式;2、“.img-circle”,圓形圖片樣式;3、“.img-thumbnail”,縮略圖樣式;4、“.img-responsive”,響應(yīng)式圖片樣式。

bootstrap中圖片樣式是什么

本教程操作環(huán)境:Windows7系統(tǒng)、bootsrap3.3.7版、DELL G3電腦

Bootstrap提供了四種用于<img>類的樣式,分別是:

  • .img-rounded:圓角 (IE8 不支持),添加 border-radius:6px 來(lái)獲得圖片圓角;

  • .img-circle:圓形 (IE8 不支持),添加 border-radius:50% 來(lái)讓整個(gè)圖片變成圓形。

  • .img-thumbnail:縮略圖功能,添加一些內(nèi)邊距(padding)和一個(gè)灰色的邊框。

  • .img-responsive:圖片響應(yīng)式 (將很好地?cái)U(kuò)展到父元素)。

使用:

將類樣式直接添加到class中即可:

<img class="img-circle" src="img.jpg" alt="頭像"/>

bootstrap中圖片樣式是什么

從圖中可以看到使用各種樣式得到的效果,處理起圖片來(lái)非常的簡(jiǎn)單方便。有時(shí)候根據(jù)需要,比如我們需要用一個(gè)具有內(nèi)邊距和灰色邊框的圓形頭像時(shí),可以將circle和thumbnail兩個(gè)樣式疊加使用,效果如上圖circle thumbnail所示。

img-responsive使得我們的圖片具有響應(yīng)式的效果。所謂響應(yīng)式,就是變化的,隨著某一個(gè)元素的變化而變化,從而實(shí)現(xiàn)自適應(yīng)的效果。上圖中的responsive兩個(gè)圖片代碼如下:

<figure style="width: 150px;height: 150px;">  
            <figcaption>responsive(150*150)</figcaption>  
            <img class="img-responsive " src="img.jpg" alt="頭像"/>  
 </figure>  
<figure style="width: 100px;height: 100px;">  
            <figcaption>responsive(100*100)</figcaption>  
            <img class="img-responsive " src="img.jpg" alt="頭像"/>  
 </figure>

在這里我們沒(méi)有設(shè)置圖片的大小,但是設(shè)置了包裹他的元素figure 的大小,無(wú)論figure為150px*150px或者100px*100px,圖片都能夠很好的 擴(kuò)展到父元素figure。

以上是“bootstrap中圖片樣式是什么”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!

新聞標(biāo)題:bootstrap中圖片樣式是什么
文章網(wǎng)址:http://aaarwkj.com/article34/gpegpe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供服務(wù)器托管網(wǎng)站內(nèi)鏈、網(wǎng)站導(dǎo)航、網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)微信公眾號(hào)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

網(wǎng)站托管運(yùn)營(yíng)
亚洲成av人片青草影院| 亚洲福利网址一二三区| 成人午夜激情在线观看| 97门久欧美日韩久久| 人妻中出中文字幕一区| 黄色录像三级黄色录像三级黄色| 精品丝袜熟女一区二区三区| 国产精品久久99精品| 91av国产一区二区| 九九视频在线观看免费观看| 国产午夜福利视频合集| 精品国产一区二区三区不卡| 91九色国产老熟女乱子| 亚洲av第一区综合激情久久久| 国产在线自拍一区二区| 国产精品夫妇在线激情啪| 国产成人亚洲欧美激情| 成人午夜福利视频免费观看| 亚洲综合日韩欧美一区二区三区| 日本不卡不码高清免费| 一区二区亚洲免费的视频| 国产片精品一区在线观看| 日本美女午夜福利视频| 国产一区二区三区在线视频播放 | 一区二区不卡中文av| 97高清视频在线观看| 亚洲中文字幕精品一区二区三区| 人妖系列中文字幕欧美系列| 亚洲日本日本午夜精品| 欧美另类精品一区二区三区| 人妖伪娘在线观看一区二区三区| 精品国产亚洲av未满十八| 国产亚洲美女在线视频视频| 国产午夜草莓视频在线观看| 国产精品中文字幕第一页| 国产91一区二区三区在线精品| 亚洲香蕉视频免费在线观看| 人妻一少妇一区二区三区 | 国产精品白浆大屁股一区二区三| 国产精品一品二区三区在线观看| 国产熟女精品自拍嫩草|