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>&nbsp;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

demo


Comments

Popular posts from this blog

javascript - Count length of each class -

What design pattern is this code in Javascript? -

hadoop - Restrict secondarynamenode to be installed and run on any other node in the cluster -