css bootstrap alignment issue -
i'm having troubles aligning things in table row. have hyperlink , inline-form made of 1 textbox , 1 button. problem button goes next line instead of being aligned textbox. problem occurs in chrome, works fine in ie10
i use twitter bootstrap css. jsfiddle illustrates problem : http://jsfiddle.net/tq9qm/
can me ?
the code of jsfiddle:
<table class="view-header"> <tbody> <tr> <td> <span>edition du mandat </span> </td> <td> <div class="pull-right"> <a style="float: left;"> <span class="pointer">more options</span> </a> <form class="form-inline" placeholder="n° de contrat, nom/numéro de client"> <input class="input-xxlarge ng-dirty" type="text" placeholder="n° de contrat, nom/numéro de client" ng-model="model" /> <button disabled="disabled" class="btn btn-info" type="submit" ng-click="searchmethod()" ng-disabled=" ! cansearch()"><i class="icon-search"></i> rechercher</button> </form> </div> </td> </tr> <tr> <td colspan="2"> <div class="pull-right"> <!-- uiif: filtervisible --> </div> </td> </tr> </tbody>
try pull-left
in form
Comments
Post a Comment