Bootstrap 2 to Bootstrap 3

Итак, есть моя проблема. Я работаю над проектом и интроментально создавался с помощью бутстрапа 2. Теперь я хочу изменить загрузку codesto bootstrap 3, но я столкнулся с некоторыми проблемами. Может кто-нибудь помочь мне изменить следующую часть?Bootstrap 2 to 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

Вот Bootstrap 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

Спасибо. Ты действительно поможешь мне открыть глаза. Решение было похоже на ваш ответ. Thanx для вашего времени. –

Это удовольствие. Пожалуйста, добро пожаловать, чтобы отметить свой ответ и/или ответить на мой ответ :) –

К сожалению, я должен пропустить что один. .. Он становится «jumbrotron». См. Ссылку, которую я поделил, чтобы вы могли сопоставить классы. http://getbootstrap.com/migration/

источник

2016-07-18 11:07:23

Да, это CSS. Имейте в виду, что некоторые классы изменились, а другие устарели.

Если вы использовали тему, чтобы создать свой сайт с, то я советую иметь взгляд на том месте, где вы загрузили шаблон, как и в большинстве случаев они обновляют шаблоны ...

источник

2016-07-18 11:31:42

Bootstrap 2 to Bootstrap 3

ответ

Смежные вопросы