代码之家 › 专栏 › 技术社区 › Run

基础6.4.1-引导。容器等效物?

zurb-foundation twitter-bootstrap css

Run · 技术社区 · 9 年前

在Foundation 6.4.1中,Bootstrap.container等价于什么?

.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>

.世界其他地区{
边框:1px纯红;

<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>

有什么想法吗?

1 回复 | 直到 9 年前

user7691151 user7691151 9 年前

documentation .

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>

推荐文章