Question

在我的代码http://codepen.io/rachidasen/pen/MwGBKe中，模态的内容超出了模态。我不想扩大我的模型。我只是希望模态内容div获得模态的wdth。任何帮助表示赞赏。

<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类替换为.container-fluid，因为您希望该行与模式弹出窗口一样大。

请检查前叉http://codepen.io/halfzebra/pen/aOGjBL

Answer 2

在tab-pane内，请确保您没有使用课程container。请改用col-xs-12

默认情况下，bootstrap

将容器类设置为1170px

改为

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

在90％之后，当resloution增加时，Div不在父Div之外

2 个答案: