html - 从屏幕底部全宽 Bootstrap 模式弹出窗口

Question

我想从屏幕底部制作 Bootstrap 模式弹出窗口，如下图所示。无论如何有 Bootstrap 模式或者有任何插件可以做到这一点？我想覆盖整个宽度。我的CSS如下

#myModal3 {
  bottom:50%;
  overflow: hidden;
  left: 0%;
}
#myModal3 .modal-dialog  {
  width:100%;
}

这并没有按应有的方式工作。

Answer 1

是这样的吗？

func updateSearchResultsForSearchController(searchController: UISearchController)
    {
        filteredTableData.removeAll(keepCapacity: false)
        
        let searchPredicate = NSPredicate(format: "SELF CONTAINS[c] %@", searchController.searchBar.text)
        let array = (tableData as NSArray).filteredArrayUsingPredicate(searchPredicate)
        filteredTableData = array as! [String]
        
        self.tableView.reloadData()
    }

<div class="modal fade" id="slide-bottom-popup" data-keyboard="false" data-backdrop="false">
    <div class="modal-body">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <p>I'm a pop sliding from the bottom that's suppose to stick</p>
        <a href="" class="btn-primary btn-plain btn popup-button">CTA</a>
    </div><!-- /.modal-body -->
</div><!-- /.modal -->

另请阅读此处:Make twitter Bootstrap popup modal slide and stick to bottom of page