Question

我试图使3个表格框彼此内联，但宽度为100％（但能够指定每个部分的宽度，或者甚至更好，最后两个表格部分是他们的自动/标准尺寸，并使第一部分填补剩余的空间。）

目前我有：

<div class="row">
 <form class="form-inline" role="form" name="input" action="LINK_HERE" method="post">
  <div class="form-group">
   <label class="sr-only" for="lg_query">Label</label>
   <input type="text" class="form-control" name="query" id="lg_query" placeholder="Placeholder" autofocus="autofocus" value="VALUE" required />
  </div>
  <div class="form-group">
   <label class="sr-only" for="SOMEID">text</label>
   <select class="form-control">
    <option value="1">se</option>
    <option value="3" selected>ros</option>
    <option value="14">rds</option>
    <option value="4">sbh</option>
    <option value="7">sc</option>
    <option value="8">rcs</option>
    <option value="9">rns</option>
    <option value="10">rws</option>
    <option value="12">rps</option>
   </select>
  </div>
  <button type="submit" class="btn btn-default" name="module1"><span class="glyphicon glyphicon-pencil"></span> Edit</button>
 </form>   
</div><!-- /.row -->

http://jsfiddle.net/isherwood/zSb22/

提前非常感谢！

Answer 1

通常的方法是简单地使用Bootstrap的网格：

http://jsfiddle.net/isherwood/zSb22/3

<div class="col-xs-4">

这是一个具有更好的块布局和宽度变化的示例：

http://jsfiddle.net/isherwood/zSb22/4

如何使用bootstrap制作100％宽度的表格？

1 个答案: