Bootstrap 2到Bootstrap 3

所以這是我的問題。我正在爲一個項目工作，並且是用bootstrap 2做的。現在我想更改codesto bootstrap 3，但是我遇到了一些問題。有人可以幫我改變下面的部分嗎？Bootstrap 2到Bootstrap 3

<body> 
 
    <div class="hero-unit"> 
 
     <div class="container"> 
 
     <div class="navbar"> 
 
     <div class="navbar-inner"> 
 
     
 
     <a href="#" class="brand">Brand</a> 
 
     
 
     <nav class="pull-right"> 
 
      <ul class="nav"> 
 
      <li><a href="#">Home</a></li> 
 
      <li><a href="#">About Us</a></li> 
 
      <li><a href="#">Services</a></li> 
 
      <li><a href="#">Blog</a></li> 
 
      <li><a href="#">Contact Us</a></li> 
 
      </ul> 
 
     </nav> 
 
     </div><!-- end navbar inner --> 
 
     </div><!-- end navbar --> 
 
     
 
     <div class="hero-unit-inner text-center"> 
 
     <h1>Text</h1> 
 
     <h4>Text </h4> 
 
     
 
     <a href="#" class="btn">Get Started</a> 
 
     <a href="#" >Learn More</a> 
 

 
     <img src="img/browser.png"> 
 
     </div> 
 
     </div><!-- end of container --> 
 
    </div><!-- end jumbotron --> 
 
    
 
    </body>

來源

2016-07-18 stephen.j

這裏是引導3碼：

<div class="container-fluid"> 
    <div class="jumbotron"> 
     <div class="container"> 
      <div class="navbar"> 
        <a href="#" class="brand">Brand</a> 
        <nav class="pull-xs-right"> 
         <ul class="nav"> 
      <li class="nav-item"><a href="#" class="nav-link">Home</a> 
          </li> 
      <li class="nav-item"><a href="#" class="nav-link">About Us</a> 
          </li> 
      <li class="nav-item"><a href="#" class="nav-link">Services</a> 
          </li> 
      <li class="nav-item"><a href="#" class="nav-link">Blog</a> 
          </li> 
      <li class="nav-item"><a href="#" class="nav-link">Contact Us</a> 
          </li> 
         </ul> 
        </nav> 
      </div> 
       <!-- end navbar inner --> 
      </div> 
      <!-- end navbar --> 
      <div class="hero-unit-inner text-xs-center"> 
       <h1>Text</h1> 
       <h4>Text </h4> 
        <a href="#" class="btn">Get Started</a> 
        <a href="#">Learn More</a> 
        <img src="img/browser.png" /> 
      </div> 
    </div><!-- end jumbotron -->   
</div><!-- end of container -->

http://getbootstrap.com/migration/'級別更改的列表，掠奪等

來源

2016-07-18 10:46:12

謝謝。你真的幫我睜開眼睛。解決方案與您的迴應類似。感謝您的時間。 –

很高興。請歡迎您標記您的問題回答和/或我的迴應:) –