最大寬度設置不適用於行

我正在使用ZF6。我正在使用SASS版本。現在創建了一個新行。它的寬度設置爲最大寬度設置不適用於行

max-width: 75rem;

我試圖改變該行寬度css，但它不工作。我也嘗試更改SCSS文件中的變量設置，但它不起作用。請告訴我如何解決這個問題。謝謝。

您檢查元素的快照可以幫助理解您的問題更好。 –

-1

如果你想row與width等於整個視口的寬度，那麼你可以使用：如果您正在使用 css文件，請檢查您有秩序

<div class="row expanded">

提到你的foundation.css或foundation.min.css和你的app.css或custom.css。 former應遵循latter而不是其他方式。

如果沒有什麼工作了，你可以試試：

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

2016-08-23 15:22:13

我可以知道我的回答有什麼問題:)？ –

如果我理解正確的，你要創建一個自定義寬度的自定義行？

要做到這一點，您可以使用自己的課程，並且包括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 doc有點理解這一點。也可以查看_grid.scss文件獲取更多信息。

2016-08-28 23:29:25

回答