2014-07-17 28 views
0

IMG元素位置有塊:我如何引導

​​

.container有左,右,我不能定位圖像的邊緣左邊的身體。 我需要拉動身體左側的圖像,我需要使其響應。

it looks like this

+0

給定鏈接已損壞。 –

+0

在這種情況下,您將避免使用容器類 – ShibinRagh

回答

0

爲了使一個img響應使用本:

<img src="..." class="img-responsive" alt="Responsive image"> 

的.container有15px的每邊填充。通過使用像Chrome Inspector這樣的工具,您可以看到每個div所具有的樣式。

如果不是檢查員,請嘗試刪除您擁有的每個div,一次一個,並查看每個div的工作方式。問這個問題的時間,你可以通過簡單的實驗縮小它的範圍。

官網非常實用,記錄完備,如果你花一點時間閱讀它,它會清除很多東西。

http://getbootstrap.com/css/

0

試試看。

你不需要容器,行或col divs。

<section id="why" class="text-left"> 
    <img src="img/image.png" alt="image"> 
</section> 
0

試試這個

<div id="why" class="pull-left"> 
    <img src="..." class="img-responsive"> 
</div> 

你現在將有一個負責任的形象。但請注意,默認情況下img-responsive類是display:block。如果要調整圖像大小,只需設置圖像的寬度和高度即可。