2016-11-10 54 views
1

喜偏移不引导工作4以下两种,即code..trying和chorme ..please告诉我,如果有什么是错误的,我的语法偏移不bootstrap3工作

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

回答

1
  1. 的引导程序3中的正确语法是.col-{size}-offset-{amount}(例如.col-sm-offset-3)。
  2. xl在Bootstrap 3中不存在。这是一个Bootstrap 4的东西。

如果你使用引导4,.offset-{size}-{amount}是正确的语法(这意味着你的.offset-md-2等都是有效的类)。

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

+0

我有bootstrap4尝试,但不知道缺少了什么我没有看到任何的引导作用..请按照您的建议给我一个镜头后,我已经更新了代码 – Sud

0

在我使用引导3 RoRails情况下,我只好用这种方式

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