使用引導響應式圖像

正如任何前端開發人員'我有一堆與responsiv圖像的問題。試圖讓他們適合任何類型的容器是一個怎樣的地獄。使用引導響應式圖像

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

我見過類.img-responsive，但它似乎不是很有效。

那麼，你知道一種使用Bootstrap來管理正確響應的圖像的方法，就像我使用ImgLiquid一樣嗎？

，所以您可以有一個想法：這是我已經得到了使用引導：

2015-07-28 Baldráni

當它有這麼多的功能和當它的唯一'<2.0KBs gzipped'那麼我不認爲會有任何問題使用它！因爲當引導程序的解決方案對您不滿意時，並且您期望更好的東西時，即使您根據自己的需要編輯並製作它，文件的大小也一定會增加！並非所有使用插件都不好是我的看法！ –

@GuruprasadRao非常真實！我還會讓OP瞭解有關僅使用CSS的[完美背景技巧]（https://css-tricks.com/perfect-full-page-background-image/），該示例在本示例中與全身背景一起使用，但也可以與一些響應div當然使用！ –

是的，我會盡力而爲，但我認爲我有衝突問題。我會做一個關於它的其他帖子。 –

cal class="width-full"

創建樣式

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

2015-07-28 09:25:17

回答