没有用于Bootstrap模式的滚动条

时间:2014-09-16 01:34:18

标签: html css twitter-bootstrap

出于某种原因,当模态变得太长时,Bootstrap没有显示任何滚动条。

这里的问题是我们无法向下滚动以点击"保存更改"按钮如左图所示。

要进入保存按钮,我们必须缩小(如右图所示)。滚动条在这里很不错。

    <div id="myModal-client" class="modal fade" tabindex="-1" role="dialog" aria-        labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
         <div class="modal-content">
            <form id="form-client-details" method="post" action="ajax/update_client_info.php" style="margin:0;">
              <div class="modal-header">
                 <h3 id="myModalLabel">
                   Update Client Details
                 </h3>
              </div>
              <div class="modal-body">
                <div class="messages"></div>
                  <table id="client-details-table" class="table">
                   <!-- all the basic table tr and td stuff here -->
                  </table>
                 <input type='hidden' name='campaign_id' value='<?php echo $campaignId; ?>'>
              </div>
              <div class="modal-footer">
              <a href="#" class="btncancel" data-dismiss="modal" aria-hidden="true" style='padding-right: 10px;'>
                cancel
              </a>
              <input type="submit" class="btn btn-default btn-success" id="saveClientInfo" value="Save changes" data-loading-text="loading...">
           </div>
         </form>
       </div>
     </div>

On the left is what the users will see at 100% default view. On the right is what users will see when they zoom out.

Bootstrap版本:3.2.0

0 个答案:

没有答案