大きなサイズの列を中心にしないようにする

Question

私は4列の列を持っています。中間サイズでは、最初の3列は中位サイズ4に設定され、最後の列は4サイズに設定されますが、中央にも配置されます。

<div class="row text-center"> 
<div class="columns small-12 medium-4 large-3"> 
<div class="columns small-12 medium-4 large-3"> 
<div class="columns small-12 medium-4 large-3"> 
<div class="columns small-12 medium-4 medium-centered large-3 large-uncentered"> 

ここには何が起こっているかを示すイメージがあります。

Answer 1

あなたはそれが要素は、パディングとボーダーの要素の幅と高さに含まれていますbox-sizing

html { 
    box-sizing: border-box; 
} 

を設定しようとしています。