ブートストラップ2からブートストラップ3

だから問題があります。私はプロジェクトに取り組んでいてintitally bootstrap 2で作られました。今はcodesto bootstrap 3を変更したいのですが、私はいくつかの問題に遭遇しました。誰かが私に次の部分を変更するのを助けることができますか？ここでブートストラップ2からブートストラップ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コードです：私は1つを見逃している必要があります申し訳ありませんが、クラスの変更のリストについては、

<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

ありがとうございました。あなたは本当に私の目を開くのを助けます。その解決策はあなたの反応に似ていました。あなたの時間はありがたい。 –

これは嬉しいです。あなたの質問に答えて、そして/または私の応答をマークすることを歓迎してください:) –