我使用引導程序,我有一列有1列,另一列有2列。 所有項目都有一張照片,並應占用列內所有可用空間。 到目前爲止,我無法獲得第一行中的第一個圖像以填充div寬度,此圖像在縮小窗口時正確調整大小,但當放大時,圖片將 重新調整爲其原始最大大小,當我想要它總是相同的div寬度Bootstrap放大圖片佔用整列
下面是摘錄:https://jsfiddle.net/gd0obgg9/
下面是代碼:
<body>
<div class="container">
<div class="row">
<div class="col-lg-12">
<h1 class="page-header">Portfolio Item
</h1>
</div>
</div>
<div class="row">
<div></div>
<div class="col-md-12">
<img class="img-responsive" src="http://placehold.it/550x200" alt="">
</div>
<div></div>
</div>
<div class="row">
<hr>
<div class="col-sm-6 col-xs-12">
<a href="#">
<img class="img-responsive portfolio-item" src="http://placehold.it/300x300" alt="">
</a>
</div>
<div class="col-sm-6 col-xs-12">
<a href="#">
<img class="img-responsive portfolio-item" src="http://placehold.it/300x300" alt="">
</a>
</div>
</div>
</div>
</body>
我希望我的550x200填補enterely寬度 有什麼建議?感謝
謝謝大家,和所有其它 –
添加其他類一樣的.max寬度{寬度:100%; }。您可能需要.img-responsive,因爲它適用於其他情況。 – tmg
很好的感覺,@tmg – Tico