我是否需要在bootstrap 3中使用百分比或固定值？

Question

我是新手Bootstrap和Bootstrap 3 ..我假设我应该总是使用百分比来指定宽度和从不固定值..是正确的。

我需要我的排不去整个屏幕，但只占用尽可能多的空间，因为它需要基于内部元素..我asssume我只需要设置行的宽度..或者是否存在其他方式？

<div class="row" style="width:80%"> 
    <fieldset> 
    <legend>DashBoard Details</legend> 

     <div class="col-xs-1"> 
      <label style="width:100px;display:block">FirstName</label> 
     </div> 
     <div class="col-xs-2"> 
      <input type="text" /> 
     </div> 
     <div class="col-xs-1"> 
      <label style="width:100px;display:block;">Age</label> 
     </div> 
     <div class="col-xs-2"> 
      <input type="text" /> 
     </div> 
     <div class="col-xs-1"> 
      <input type="submit" /> 
     </div> 


    </fieldset> 

</div> 

Answer 1

我想这就是你要去的。 col -... div必须是行div的直接子节点。

http://jsfiddle.net/742qj/

<div style="width:80%"> 
    <fieldset> 
     <legend>DashBoard Details</legend> 
     <div class="row"> 
      <div class="col-xs-2"> 
       <label>FirstName</label> 
      </div> 
      <div class="col-xs-2"> 
       <input type="text" /> 
      </div> 
      <div class="col-xs-1"> 
       <label>Age</label> 
      </div> 
      <div class="col-xs-2"> 
       <input type="text" /> 
      </div> 
      <div class="col-xs-1"> 
       <input type="submit" /> 
      </div> 
     </div> 
    </fieldset> 
</div> 

或许

<div clas="row"> 
    <div class="col-lg-2">...</div> 
    <div class="col-lg-10"> 
     <fieldset> 
      <legend>DashBoard Details</legend> 
      <div class="row"> 
       <div class="col-xs-2"> 
        <label>FirstName</label> 
       </div> 
       <div class="col-xs-2"> 
        <input type="text" /> 
       </div> 
       <div class="col-xs-1"> 
        <label>Age</label> 
       </div> 
       <div class="col-xs-2"> 
        <input type="text" /> 
       </div> 
       <div class="col-xs-1"> 
        <input type="submit" /> 
       </div> 
      </div> 
     </fieldset> 
    </div> 
</div>