グリッドアイテムの要求された幅にかかわらず、全幅を占める基礎グリッドの列

Question

私はFoundation for Sitesバージョン6.4.1を使用しています。このバージョンをバージョン6.3。*からアップデートすると、グリッドシステムが台無しです。 6.4で導入した新しいグリッドの代わりに、従来のフロートグリッドを使用する必要がありますが、ドキュメントでは、6.4に十分な後方互換性があることが示されています。

私はこのようになります行を持っている場合：

<div class="row"> 
 
    <div class="medium-8 medium-centered columns"> 
 
    Content 
 
    </div> 
 
</div>

中央の列は、ページ全体を占有します。私は間違って何をしていますか？

Answer 1

適切なグリッドを使用していることを確認してください。Foundation 6.4にはXY（デフォルト）、Float、Flexの3つのグリッドがあります。

サンプルのコードは、従来のフロートグリッドに属していますが、この新しいバージョン（6月27日）のデフォルトグリッドはXYグリッドです。だから、あなたは2つのオプションがあります。

1. を変更し、新たなXYグリッドに応じて、あなたのマークアップが（http://foundation.zurb.com/sites/docs/xy-grid.htmlに見てみましょう）
2. 変更枠組みフロートグリッドを使用するために、今、これはあなたがダウンロードした方法によって異なりますフレームワークプリコンパイルされたパッケージを使用した場合、カスタマイズするにはhttp://foundation.zurb.com/sites/download.html/#customizeFoundationに行ってください（基本的にフロートグリッドを選択して新しいパッケージをダウンロードするだけです）。 SASSバージョンを使用している場合は、_settings.scssファイルに移動し、変数を見つけて適切なグリッドを選択して再構築してください。

これが役に立ちます。