how to keep bootstrap form button inline -


when put button in form starts new line want inline. tried adding class="form-inline" doesn't work. must bad @ searching online because can't find right answer myself.

what bootstrap convention keep inline?

<div class="col-sm-12"> <table>     <thead>         <tr>             <th>edit</th>         </tr>     </thead>     <tbody>         <tr>             <td>                 <a class="inline btn btn-info btn-xs glyphicon glyphicon-pencil"></a>                 <button class="form-inline glyphicon glyphicon-trash btn btn-xs btn-danger del" type="button"></button>                              </td>         </tr>     </tbody> </table> 

fiddle

just alter markup little:

like this demo

<td>      <form class="form-inline" method="post">         <a class="btn btn-info btn-xs glyphicon glyphicon-pencil"></a>         <button class="glyphicon glyphicon-trash btn btn-xs btn-danger del" type="button"></button>     </form> </td> 

Comments

Popular posts from this blog

cakephp - simple blog with croogo -

How to group boxplot outliers in gnuplot -

bash - Performing variable substitution in a string -