Question

我想有两列，但是它们似乎要彼此堆叠。我正在使用最新的下载。为什么网格不网格化？

    <link rel="stylesheet" href="/assets/css/foundation.min.css">
    <link href='/assets/css/foundation-icons.css' rel='stylesheet' type='text/css'>
    <link href='/assets/css/jquery.dataTables.min.css' rel='stylesheet' type='text/css'>

    <link rel="stylesheet" href="/assets/css/app.css">

        <div class="row">
                <div class="small-12 large-6 columns" style="border:solid 2px black">
                        <p>This is</p>
                </div>

                <div class="small-12 large-6 columns" style="border:solid 2px red">
                        <p>not a love song</p>
                </div>

        </div> <!-- end of row -->

<script src="/assets/js/jquery.js"></script>
<script src="/assets/js/foundation.min.js"></script>
<script src="/assets/js/what-input.js"></script>
<script src="/assets/js/jquery.dataTables.min.js"></script>
<script src="/assets/js/app.js"></script>

Answer 1

Foundation的完整压缩版本默认情况下使用新的（ish）XY-Grid。语法不同于Float Grid和Flex Grid，它们在某种程度上可以互换。最明显的是，对于XY网格，使用“ grid-x”代替“行”，而使用“ cell”代替“列”。如果要使用浮动网格或弹性网格，则必须先选择该选项，然后再从下载页面下载zip文件。网格选项位于页面顶部附近。在文档中，“常规”部分介绍了网格。 Flex Grid和XY-Grid对浏览器的支持更为有限。

Answer 2

large-6 + 2px> 50％所以盒子永远不会漂浮。提供BG颜色或使用带有边框的轮廓。

我的两列都堆积在Zurb中。如何并排显示它们？

2 个答案: