Класс 'row' не будет работать Bootstrap

Question

У меня проблемы с классом 'row'. Он просто не будет вводить элементы управления в одну строку.

<div class="panel-body"> 
    <div class="container"> 
     <div class="row"> 
      <div class="col-md-12"> 
       @using (Html.BeginForm("Index", "Department", FormMethod.Get)) 
       { 
        <p>Search by: </p> 
        <input type="radio" checked="checked" value="Name" /> <text>Name</text> 
        <input type="text" class="input-sm form-control" /> 
        <input type="submit" value="Search" class="btn btn-primary" /> 
       } 
      </div> 
     </div> 
    </div> 
</div> 

Вместо одной строки я получил это:

Что я делаю неправильно здесь?

Answer 1

Это из-за входов, а не row. Просто используйте form-inline ..

 <div class="container"> 
      <div class="row"> 
       <div class="col-md-12 form-inline"> 

        <p>Search by: </p> 
        <input type="radio" checked="checked" value="Name"> 
        <text>Name</text> 
        <input type="text" class="input-sm form-control"> 
        <input type="submit" value="Search" class="btn btn-primary"> 

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

http://www.codeply.com/go/zRpkQFvmes