Boostrap嵌套行只能在不低於

Question

的列上工作我想要一行7列佔用寬度的100％，然後嵌套在下一行的那一行我想要1列也佔用100％的寬度。

https://jsfiddle.net/DTcHh/27598/消息列完全位於錯誤的地方。

https://jsfiddle.net/w37vs3wr/1/消息列是正確的大小但錯誤的地方。我想使它完全像這樣，但在其他列上方不在其上方。

 <div class="row bg-warning"> 
      <div class="col-xs-1">Result</div> 
      <div class="col-xs-2">Start</div> 
      <div class="col-xs-1">Duration</div> 
      <div class="col-xs-4">Test Case</div> 
      <div class="col-xs-1">Total Data Items Generated</div> 
      <div class="col-xs-2">Type</div> 
      <div class="col-xs-1">Username</div> 
      <div class="row"> 
       <div class="col-xs-12">Message</div> 
      </div> 
     </div> 

Answer 1

解決的辦法是在第7行中劃一行，在第2行中劃一個全空格。

<div class="row"> 
    <div class="col-xs-1">Result</div> 
    <div class="col-xs-2">Start</div> 
    <div class="col-xs-1">Duration</div> 
    <div class="col-xs-4">Test Case</div> 
    <div class="col-xs-1">Total Data Items Generated</div> 
    <div class="col-xs-2">Type</div> 
    <div class="col-xs-1">Username</div> 
</div> 

<div class="row"> 
    <div class="col-xs-12">Message</div> 
</div> 

實施例：https://jsfiddle.net/DTcHh/27601/

注：背景顏色只是以確保消息採取全寬