我正在container-fluid
使用Bootstrap在具有固定侧栏的全宽站点上工作。
http://nickmask.github.io/index.html
mainContent container
平板电脑或以上尺寸的图像无法重新调整尺寸。如果我降低到移动尺寸,则可以调整尺寸。
我尝试添加img-responsive
,但没有运气。有任何想法吗?
HTML:
<div class="col-sm-8 fluidContainer" id="mainContainer">
<div class="mainHeading">
<hr class="separator" id="topSep">
<h1>Recent Work</h1>
<h2>Blogs and projects recently completed</h2>
<hr class="separator" id="botSep">
</div>
<div class="mainContent">
<article>
<img src="http://fillmurray.com/700/280" alt="" class="img-responsive">
<h2>This article</h2>
<p>
Remember outweigh do he desirous no cheerful. Do of doors water ye guest. We if prosperous comparison middletons at. Park we in lose like at no. An so to preferred convinced distrusts he determine. In musical me my placing clothes comfort pleased hearing.
</p>
</article>
原因是因为您使用width: auto;
了#mainContainer
。width: auto;
从中删除#mainContainer
并将类添加img-responsive
到图像,它应该可以工作。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句