小编Tim*_*BSM的帖子

我使用.input-lg使表单字段变大.我的期望是当视口缩小(默认情况下低于768px)时,表单字段会变小并采用正常设置,但它们不是.有任何想法吗？引导程序是否处理此方案？

更新:

HTML

   <form class="form-inline" role="form">
      <div class="form-group">
         <label class="sr-only" for="searchZipcode">Zipcode</label>
         <input type="text" class="form-control input-lg input-search" id="searchZipcode" placeholder="Zipcode of home?">
      </div>
   </form>

这个模态完美地工作:

<!-- Modal -->
<div class="modal fade" id="company-about" tabindex="-1" role="dialog" aria-labelledby="company-about-label" aria-hidden="true">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="company-about-label">Company Name</h4>
         </div>
         <div class="modal-body">
            <p>Company bio here...</p>
         </div>
      </div><!-- /.modal-content -->
   </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

下面的Modal会立即跟随上面的Modal,但Table显示的是,而不是隐藏.单击时,表格内容为空白.如果我删除表数据并替换为文本,它将按预期工作:

<!-- Modal -->
<div class="modal fade" id="fee-details" tabindex="-1" role="dialog" aria-labelledby="fee-details-label" aria-hidden="true">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="fee-details-label">Fees - What this loan will cost you to close</h4>
         </div>
         <div …