2016-11-10 53 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>