幅9の列を他の列がない場合は全幅で埋めてください

Question

基礎6を使用すると、large-9 columnの左側にlarge-3 columnがあります。これは素晴らしいことですが、特定の状況ではlarge-3 columnが存在しない場合があります。この場合、残りの列が行の全体を埋めるようにします。つまり、代わりにlarge-12列のように動作します。私は、このようなことは、どういうわけか、Foundationによってネイティブにサポートされるべきだと思っていますが、ドキュメントでは何も見ることはできませんでした。

Answer 1

TL：DR; - 財団は、この機能をサポートしていませんが、私はあなたの質問を読んで、いくつかの可能な解決策があります。

1. がlarge-3 columnsの存在をどのように制御しますか？それが何らかの種類のスクリプト/クエリ（PHP/Python）を介している場合、関連するdivをエコーすることができます。あなたが特定の解像度でそれを非表示にする必要がある場合は、機能が内蔵され、グリッドの使用することができます

   if (some_condition === true) { 
       echo '<div class="large-3 columns">...</div>'; 
       echo '<div class="large-9 columns">...</div>'; 
   } else { 
       echo '<div class="large-12 columns">...</div>'; 
   } 
   

2. ：例えば

   <div class="row"> 
       <div class="large-3 show-for-large columns"><!-- ... --></div> 
       <div class="large-9 medium-12 columns"><!-- ... --></div> 
   </div> 
   

3. をあなたはjQueryのremove()メソッドを介してのdivを追加/削除することができます。

   $(".large-3").remove(); 
   

私はそれが助けたことを願っています。とにかく、私たちがもっと助けることができるように、コードを自由に追加してください。