2015-05-22 2 views
0

Сегодня я скопировал буквально тестовый фрагмент кода из twitter-bootstrap site в свой код. Я попытался получить горизонтальную форму, как в примере. но по какой-то причине я не получаю horzontal layout. Мой сайт http://073design.nl/kasopmaak/?Горизонтальная форма - Twitter Bootstrap

код я использовал для горизонтальной формы:

<form class="form-horizontal"> 
    <div class="control-group"> 
    <label class="control-label" for="inputEmail">Email</label> 
    <div class="controls"> 
     <input type="text" id="inputEmail" placeholder="Email"> 
    </div> 
    </div> 
    <div class="control-group"> 
    <label class="control-label" for="inputPassword">Password</label> 
    <div class="controls"> 
     <input type="password" id="inputPassword" placeholder="Password"> 
    </div> 
    </div> 
    <div class="control-group"> 
    <div class="controls"> 
     <label class="checkbox"> 
     <input type="checkbox"> Remember me 
     </label> 
     <button type="submit" class="btn">Sign in</button> 
    </div> 
    </div> 
</form> 

ответ

4

Ваш код работает нормально только тогда, когда связь с начальной загрузки версии 2.3 DEMO1

Check this работ в загрузчике 3

<form class="form-horizontal"> 
    <div class="form-group"> 
     <label for="inputEmail" class="control-label col-xs-2">Email</label> 
     <div class="col-xs-10"> 
      <input type="email" class="form-control" id="inputEmail" placeholder="Email"> 
     </div> 
    </div> 
    <div class="form-group"> 
     <label for="inputPassword" class="control-label col-xs-2">Password</label> 
     <div class="col-xs-10"> 
      <input type="password" class="form-control" id="inputPassword" placeholder="Password"> 
     </div> 
    </div> 
    <div class="form-group"> 
     <div class="col-xs-offset-2 col-xs-10"> 
      <div class="checkbox"> 
       <label><input type="checkbox"> Remember me</label> 
      </div> 
     </div> 
    </div> 
    <div class="form-group"> 
     <div class="col-xs-offset-2 col-xs-10"> 
      <button type="submit" class="btn btn-primary">Login</button> 
     </div> 
    </div> 
</form> 
+0

Спасибо @shri, я ценю вашу помощь здесь! –

+0

рад помочь ... :) – sheshadri

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