基金会6.4.1 - Bootstrap .container是否等同?
问题描述:
什么是Foundation 6.4.1中的Bootstrap .container相当于?基金会6.4.1 - Bootstrap .container是否等同?
它曾经是6.3.1中的.row。不过,这并不以这种方式在6.4.1工作了:
.row {
border: 1px solid red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.1/css/foundation.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.1/js/foundation.min.js"></script>
<div class="row">
content
</div>
<script>
$(document).foundation();
</script>
6.3.1:
.row {
border: 1px solid red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.1/css/foundation.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.1/js/foundation.min.js"></script>
<div class="row">
content
</div>
<script>
$(document).foundation();
</script>
任何想法?
答
版本6.4根据它们的documentation使用名为XY Grid的新网格系统。
等价似乎是grid-container
。
下面是一个例子:
<div class="grid-container">
<div class="grid-x">
<div class="cell small-4">cell</div>
<div class="cell small-4">cell</div>
<div class="cell small-4">cell</div>
</div>
</div>
感谢您的回答! – laukok