我目前正在为其使用基础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