0

我正在使用 twitter 引导模式功能。

我调整了模态框的大小，使宽度更大，但我的内容并没有填充新打开的空间，而是看起来内容区域变小了。我怎样才能让我的药丸都在一条线上？

CSS

.modal-body {
    max-width:65%;
}
.modal {
    width:65%;
    margin-left: -32.5%; 
}

HTML

<div id="newItemModal" class="modal hide fade" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-header">
    <h3>New Item</h3>
</div>
<div class="modal-body">
<div class="control-group">
<ul class="nav nav-pills">
          <li class="active"><a href="#">Hot Food</a></li>
          <li><a href="#">Cold Food</a></li>
          <li><a href="#">Breads</a></li>
          <li><a href="#">Breakfast</a></li>
          <li><a href="#">Drinks</a></li>
          <li><a href="#">Dessert</a></li>
          <li><a href="#">Banquets</a></li>
        </ul>
</div>
</div>
<div class="modal-footer">
    <a href="#" class="btn btn-primary btn-small" id="cNewItem">CONFIRM</a>
    <a href="#" class="btn btn-small" data-dismiss="modal">CANCEL</a>
</div>

我上传了一张比较模态前后外观的图片

http://imgur.com/VtjDU4Y - 之前

http://imgur.com/n4BvewK - 之后（红色圆圈是我的编辑）

谢谢阅读。

4

0 回答 0