簡體   English   中英

使用Bootstrap的響應式圖像

[英]Responsive images using Bootstrap

任何前面的開發者'我都有一些問題與責任圖像。 試圖使它們適合任何類型的容器是一個多么地獄。

在查看和詢問網絡時,我應該如何正確地做到這一點,我想出了ImgLiquid 漂亮而有效。 但我並不喜歡添加插件和插件。 而且因為我已經在使用Bootstrap,我問自己是否有一種方法可以使用Bootstrap。

我已經看過班級.img-responsive但似乎不是很有效。

那么,你是否知道使用bootstrap管理正確響應圖像的方式,就像我使用ImgLiquid一樣?

這樣你就可以有一個想法:這就是我使用bootstrap得到的:

例

cal class="width-full"

創造風格

<style>
.width-full{width: 100%;}
</style>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM