我正在使用带有CSS的Zurb Foundation和使用SASS的另一个网站上进行2次响应式重建。我在SASS版本中没有并排显示的列时遇到问题，它们似乎对于每个屏幕尺寸都是全宽的。
对于SASS重建，我已将所有文件复制到命令行创建的新目录结构中。我假设这是一个移植我的旧文件，将所有内容重新插入，在命令行中查看sass文件夹，输出app.css的情况，它会工作。由于某些原因，除了列之外，一切都很好。
CSS版本正是我希望网站看起来的样子 - 是否有人有任何建议？
提前感谢您的帮助。
答案 0 :(得分：2)
很难说没有查看你的SASS就会发生什么，但是你的app.css中没有定义medium-4。您确实已定义small-12和large-4个类。一旦定义了medium-#类，您的代码就可以正常工作。
agconti的answer确实解决了这个问题，但请记住“Foundation is mobile-first. Code for small screens first, and larger devices will inherit those styles. Customize for larger screens as necessary”。一旦你定义了medium-#课程，你应该很高兴。只要您希望它们看起来像large-#，就没有理由添加xlarge-#，xxlarge-#或medium-#。
我希望有所帮助。
答案 1 :(得分：0)
您只需指定small（iphone）和medium（平板电脑）视图，但您可以从large（桌面）视图查看该视图。
将large-4添加到您的列中，使其在桌面视图中工作，如下所示：
<div class="small-12 medium-4 large-4 columns">
<h2>Creditlook Lite</h2>
<div class="sprite icon1"> </div>
<p>Free entry-level, self-managed service to get you started.</p>
</div>
然后你的div会像你的照片一样回应。