基幹ラインブレークの問題

Question

私は基盤フレームワークのグリッドを持っており、1列に2列を設定しました。最初の列から次の列に不必要な改行があります。問題は「大」画面サイズに存在します。最初の列は「大2」で、2番目の列は「大4大きな中心」であり、何らかの理由で2番目の列のイメージが最初の列h2要素からの改行よりも下にあるように見えますそれはすべきである。確かに、特に明記されていない限り、各列の内容は行の先頭に揃えられるべきですか？

Here's the codepen

Answer 1

あなたは消えるために、「改行」のための第二のカラムから「大中心」クラスを削除するか、独自の行の2番目の列を配置する必要があります。行ごとに1つのCENTERED列しか存在できません。Grid docsを参照してください。

<div class="row"> 
    <div class="small-3 small-centered columns">3 centered</div> 
</div> 
<div class="row"> 
    <div class="small-6 large-centered columns">6 centered</div> 
</div> 
<div class="row"> 
    <div class="small-9 small-centered large-uncentered columns">9 centered</div> 
</div> 
<div class="row"> 
    <div class="small-11 small-centered columns">11 centered</div> 
</div>