html - Bootstrap Form Groups not inline -


my problem "category" button , input bar "go!" button not on same line each other.

here code snippet:

<form class="form" role="form">    <div class="form-group">     <div class="btn-group">         <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">         category <span class="caret"></span>         </button>       <ul class="dropdown-menu" role="menu">         <li><a href="#">action</a></li>         <li><a href="#">another action</a></li>         <li><a href="#">something else here</a></li>         <li class="divider"></li>         <li><a href="#">separated link</a></li>       </ul>     </div>   </div>     <div class="form-group">     <div class="row">       <div class="col-lg-3">         <div class="input-group">           <input type="text" class="form-control">           <span class="input-group-btn">             <button class="btn btn-info" type="button">go!</button>           </span>         </div><!-- /input-group -->       </div><!-- /.col-lg-6 -->     </div><!-- /.row -->   </div> </form> 

and looks like:

as can see both on separate lines.

i thing should write

<form class="form-inline" role="form">     .... </form> 

if write form class (.form) in css file. ok. because think there not classes in bootstrap.css name form(.form). it's

1st.

<form></form> 

2nd.

<form class = "form-inline"></form> 

3rd.

<form class = "form-horizontal"></form> 

Comments

Popular posts from this blog

php - SPIP: From Tag directly to an article -

jquery - isAjaxRequest always return false -

ruby on rails - In a controller spec, how to find a specific tag in the generated view? -