基礎5中的對齊

Question

如何刪除課程之間的空間？

<div class="large-12 columns"> 
    <div class="large-2 columns"> 
     <img src="/image/my-image.jpg" alt="" /> [ 1 ] 
    </div> 
    <div class="large-8 columns"> 
    </div> 
    <div class="large-2 columns">[ 2 ] 
    </div> 
</div> 

[1] 的圖像中參考到我的類被居中。大-2。 我會離開它的股利。大-2

我的.text左和文本右，喜歡嘗試的左側：

<div class="large-2 columns"> 
    <div class="text-left"> 
     <img src="/image/my-image.jpg" alt="" /> 
    </div> 
</div> 

Answer 1

沒有與columns一些默認的填充 - 你想要做的是添加此：

<div class="row collapse"> 
    <div class="large-2 columns"></div> 
    <div class="large-8 columns"></div> 
    <div class="large-2 columns"></div> 
</div> 

collapse類刪除默認間距。

Answer 2

嘗試

<div class="large-2 columns"> 
    <img class="left" src="/image/my-image.jpg" alt="" /> 
</div>