Div在外面的母公司div當90％以後resloution增加

Question

在我的代碼http://codepen.io/rachidasen/pen/MwGBKe模態的內容超出模態。我不想擴大我的模型。我只想讓模態內容div獲得模態的一部分。任何幫助表示讚賞。

<a href="#officer_info" style="color:green;" data-toggle="modal" id="clickprofile">OFFICER PROFILE </a> 
<div class="modal modal-wide fade" id="officer_info" > 
    <div class="modal-dialog" style="min-width:70%"> 
     <!-- Modal content --> 
     <div class="modal-content" > 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
       <h4 class="modal-title"></h4> 
      </div> 
      <div class="modal-body" id="show-profile" style="max-width:90%"> 
      //1st div content 
      //2nd div content 

      </div> 
    </div> 
    </div> 
</div> 

Answer 1

您有.container-fluid更換.container類，因爲你要行應象大作爲你的模態彈出窗口。

請檢查叉http://codepen.io/halfzebra/pen/aOGjBL

Answer 2

裏面你tab-pane確保你沒有使用類container。使用col-xs-12代替

容器類默認情況下，通過引導

設置爲1170px做到這一點，而不是

<div role="tabpanel" class="tab-pane fade in active" id="home"> 
    <div class="col-xs-12"> 
     ..... 
    </div> 
</div>