我目前正在爲其使用基礎6的項目工作。 我有這個奇怪的問題,我的列垂直堆疊(它們都是100%寬度的屏幕)Foundation 6柵格列總是100%寬
非常簡單的代碼,我用的是這個:
<div class="row">
<div class="small-2 large-4 columns"><!-- ... --></div>
<div class="small-4 large-4 columns"><!-- ... --></div>
<div class="small-6 large-4 columns"><!-- ... --></div>
</div>
這是從基礎網站上的基本網格的例子直接複製。我確信我已正確鏈接到樣式表,因爲即使使用樣式表的完整路徑,這種情況仍在繼續。
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/app.css">
感謝您的幫助!
你應該檢查你的div在chrome的檢查器中,並檢查哪個css規則最後適用於你的div。我相信你的一個自定義css規則會覆蓋基金會的規則。 –
@PierreBurton感謝您的提示,但app.css仍然是空的,所以很遺憾沒有解決問題。 – Bram