2016-08-23 5 views
0

私はZF6を使用しています。私はSASS版を使用しています。 は新しい行を作成しました。 それはだ幅が、私はcssで行幅を変更しようとしました行の最大幅の設定が無効です

max-width: 75rem; 

に設定されているが、それは動作しません。 また、SCSSファイルの変数設定を変更しようとしましたが、動作しませんでした。 どうすれば修正できるか教えてください。ありがとう。 あなたが持っている順序を確認し、 cssファイルを使用している場合

<div class="row expanded"> 

:あなたは全体のビューポートの幅に等しいwidthrowは、その後、あなたが使用できる場合

+0

あなたの要素を検査のスナップショットは、より良いあなたの問題を理解するのに役立つ可能性があります。 –

答えて

-1

foundation.cssまたはfoundation.min.cssと、app.cssまたはcustom.cssと記載されています。 formerは、latterに従う必要があります。

何が出て作業していない場合は、あなたが試すことができます:私が正しく理解していれば

.row 
{ 
    max-width: 80rem !important; 
} 
+0

私の答えに何が間違っているのか分かりますか? –

0

、カスタム幅でカスタム列を作成しようとしていますか?

これを行うには、独自のクラスを使用してgrid-rowを追加して、独自のmax-widthを追加します。

これはあなたのhtmlの場合:

<div class="custom-row-class"> 
</div> 

その後、あなたのSCSSファイルで、

.custom-row-class { 
    @include row-width(); 
    max-width: 75em; 
} 

を書くには、ちょうどあなたの行がdivを含む別の内部にある場合、それはすることができなくなりますので注意してくださいあなたのカスタムdivはmax-widthが含まれているdivに縮小され、width: 100%は包含divに収まるように縮小されるため、それより広いものを取得します。

ここに、ドキュメントへのリンクがいくつかあります。私はFoundation 5の文書がこれを少し理解しやすいことを知っています。さらに詳しい情報は_grid.scssファイルを見てください。

http://foundation.zurb.com/sites/docs/v/5.5.3/components/grid.html#customize-with-sass

http://foundation.zurb.com/sites/docs/grid.html#building-semantically

関連する問題