屏幕底部的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