我是否需要在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>