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
Post a Comment