傳統引導跨度問題

我正在爲我公司使用傳統引導工具。我遇到的問題是使用傳統版本中引導程序3的面板。傳統引導跨度問題

儘管這在某種程度上有效，但仍有一些跨度問題即將出現。

我有一個容器在頁面內的span12（頁面的全長）的面板。在面板中，我試圖添加另一個全寬的面板。通常我會說，span12，它會根據需要進行調整，但在這種情況下，會導致它掛起。

這裏是正在使用的HTML樣本：

<div id="main" class="container"> 
    <div class="panel panel-primary custom-panel"> 
     <div class="panel-heading ph"> <span class="panel-title"><i class="icon-bullhorn"></i>&nbsp;&nbsp;Request Communication</span><button name="addComment" commenttype="request" type="button" class="btn btn-mini pull-right"><i class="icon-plus"></i>&nbsp;&nbsp;Add Comment</button></div> 
     <div class="panel-body well"> 
     <div id="requestComments" class="tab-pane active"> 
      <span name="messages"> 
       <div name="parent_32" class="row parentMessage"> 
        <div class="span12"> 
        <div class="panel panel-default"> 
         <div class="panel-heading"> 
          <small><a target="_BLANK" href="#">Name</a> <span class="text-muted">commented <a title="Timestamp: 2015-08-24 11:20 UTC" data-toggle="tooltip" class="deco-none">2 days ago</a></span></small> 
          <div class="btn-group pull-right"> 
           <button aria-expanded="false" aria-haspopup="true" data-toggle="dropdown" class="btn btn-default btn-mini dropdown-toggle" type="button"><i class="icon-cog"></i></button> 
           <ul class="dropdown-menu"> 
           <li><a messageid="32" name="deleteParent"><i class="icon-trash"></i>&nbsp;&nbsp;Delete Message</a></li> 
           </ul> 
          </div> 
         </div> 
         <div class="panel-body"><small>dgdfgdfg</small></div> 
        </div> 
        </div> 
       </div> 
      </span> 
     </div> 
     </div> 
    </div> 
</div>

小提琴：http://jsfiddle.net/j2j6gnb1/

我該如何去使內板，其母公司的整個寬度（有相同的填充它在左邊）？

來源

2015-08-26 SBB

快速solution'.span12 {寬度：100％;}' – Shehary

刪除在元素.parentMessage和.span上設置的頁邊距，並在.span12元素上設置width: 100%。

.parentMessage { 
    margin: 0; 
} 

.span12 { 
    width: 100%; 
    margin: 0; 
}

Fiddle

來源

2015-08-26 16:23:13

傳統引導跨度問題

回答

相關問題