bootstrap网格系统无法正常工作

时间:2017-01-24 01:33:54

标签: html css twitter-bootstrap

我正在研究一个自举网格系统。

根据我的理解:

<div class="container">
  <div class="row">
     <div class="col">
     1 of 3
     </div>
     <div class="col-6">
      2 of 3 (wider)
     </div>
      <div class="col">
  3 of 3
</div>

应该显示:

3 of 3 of 3(更宽)3of3

但是当我用Chrome打开它时,我看到了:

1 of 3
2 of 3(更宽)
3/3

1 个答案:

答案 0 :(得分:1)

那是因为您没有使用正确的类名。类名应该是// // Summary: // Initializes a new instance of the System.DateTimeOffset structure using the specified // System.DateTime value and offset. // // Parameters: // dateTime: // A date and time. // // offset: // The time's offset from Coordinated Universal Time (UTC). // // Exceptions: // T:System.ArgumentException: // dateTime.Kind equals System.DateTimeKind.Utc and offset does not equal zero.-or-dateTime.Kind // equals System.DateTimeKind.Local and offset does not equal the offset of the // system's local time zone.-or-offset is not specified in whole minutes. // // T:System.ArgumentOutOfRangeException: // offset is less than -14 hours or greater than 14 hours.-or-System.DateTimeOffset.UtcDateTime // is less than System.DateTimeOffset.MinValue or greater than System.DateTimeOffset.MaxValue. col-lg-6,依此类推。

col-md-6用于响应式网格(col-*-*)。超小型设备电话(span 1-12 column),小型设备平板电脑(< 768px),中型设备桌面电脑(≥768px),大型设备桌面电脑(≥992px)。列值可以是≥1200px

您将获得一个完整的引导类列表以及描述here

试试这个:

1-12

以下是Demo