Question

Hi offset在bootstrap 4中不适用于以下代码..在while和chorme中都有... ..请告诉我语法是否有错误

</head>
<title>My Angular App</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="saple.css">

</head>
     body>
      <div class="container-fluid" >
       <h1 id="hello">AURORA</h1>
         <div class="row">
           <div class="col-xs-4 offset-xs-4 col-sm-4 offset-sm-4 col-md-4 offset-md-4 col-lg-4 offset-lg-4 col-xl-4 offset-xl-4" id="sub">Menu</div>
           <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">sub menu</div>
         </div>
      </div>
      </body>

Answer 1

Bootstrap 3中的正确语法为.col-{size}-offset-{amount}（例如.col-sm-offset-3）。
xl在Bootstrap 3中不存在。这是一个Bootstrap 4事。

如果你正在使用Bootstrap 4，.offset-{size}-{amount}是正确的语法（意味着你的.offset-md-2等是有效的类）。

确保您在页面上包含正确版本的Bootstrap。

Answer 2

在我使用bootstrap 3的RoRails上，我必须使用这种方式

<div class="col-md-6 col-md-offset-3">
</div>

偏移不在bootstrap3中工作

2 个答案: