html - Foundation フレームワークを使用した行の分散

Question

このディストリビューションが必要です。Foundation フレームワークを使用しています。これを試しましたが、機能しません。

<div class="row">
       <div class="small-6 large-2 columns">Logo</div>
       <div class="small-12 large-8 columns">menu</div>
       <div class="small-6 large-2 columns">Another logo</div>
    </div>

どうすれば入手できますか？

Answer 1

左側の画像がデスクトップで、右側がモバイルの画像であると仮定すると、これを実現するには、プッシュおよびプル プレゼンテーション クラスを使用する必要があります。

<div class="row">
   <div class="small-12 large-8 columns push-2">
    <ul class="inline-list">
      <li><a href="">Lorem.</a></li>
      <li><a href="">Nisi.</a></li>
      <li><a href="">Quas?</a></li>
      <li><a href="">Tempora.</a></li>
      <li><a href="">Quaerat!</a></li>
    </ul>
   </div>
   <div class="small-6 large-2 columns pull-8"><img src="http://www.placehold.it/600x600&text=logo1" alt=""></div>
   <div class="small-6 large-2 columns"><img src="http://www.placehold.it/600x600&text=logo2" alt=""></div>
</div>