Добавление класса героя с помощью бутстрапа делает div нечувствительным

Question

Im new at bootstrap и im пытается сделать мою первую страницу с помощью бутстрапа, но когда я добавил class="hero-unit" в div, он делает его нечувствительным (он без ответа) ,

, как вы можете видеть на картинке

и вот мой код:

<div class="container pagination-centered"> 
     <div class="row"> 
      <div class="hero-unit"> 

       <h1>Bootstrap search</h1> 
       <p><br/><br/></p> 


       <div class="input-append">    
        <input type="text" placeholder="Search ..."> 
        <button type="submit" class="btn">Submit</button> 
       </div> 

      </div> 
     </div> 
    </div> 

я видел Bootstrap responsive: How to fix a non-responsive element? и Bootstrap - forcing alignment of responsive elements, но это не помогло мне.

любая помощь будет apreciated,

Спасибо.

Answer 1

Какая версия вы используете? Если я не ошибаюсь, герой-блок находится в далеком прошлом в истории версий Bootstrap. взгляните на http://getbootstrap.com/components/#jumbotron, я думаю, что вы пытаетесь сделать это так называемый jumbotron, который уже используется на 100%.