Html 如何获得比容器更宽但不是全宽的引导容器?
我有一个使用angularjs和Bootstrap3(3.3.7)的小水疗中心 该页面显示一个标题和一个包含多个列的长表。我的主要div类是“container”。当我检查Firefox中的内容时,它显示我的表是1170p 在主div中有一个标题、一个复选框和一个包含表的类“row”的div 这在一段时间内运行良好,但我现在需要向表中添加另一列。结果,单元格中的数据有些被压缩。我真的需要表格稍微宽一点,但不要占用父容器的全部宽度 我知道我可以使用容器流体来获得全宽,但我不想这样Html 如何获得比容器更宽但不是全宽的引导容器?,html,css,angularjs,twitter-bootstrap-3,Html,Css,Angularjs,Twitter Bootstrap 3,我有一个使用angularjs和Bootstrap3(3.3.7)的小水疗中心 该页面显示一个标题和一个包含多个列的长表。我的主要div类是“container”。当我检查Firefox中的内容时,它显示我的表是1170p 在主div中有一个标题、一个复选框和一个包含表的类“row”的div 这在一段时间内运行良好,但我现在需要向表中添加另一列。结果,单元格中的数据有些被压缩。我真的需要表格稍微宽一点,但不要占用父容器的全部宽度 我知道我可以使用容器流体来获得全宽,但我不想这样 如何使其稍微宽一
如何使其稍微宽一点?如果需要,您可以通过添加一些CSS来创建自定义容器:
.custom-container{
width: 700px !important;
}
如果您希望它们像原始引导一样断开,则需要添加媒体查询:
之后,只需将类添加到标记中:
<div class="container custom-container">
简单的第一个选项对我的情况有效(尽管我必须将其设置为1400)。如果我想在以后实现“中断”版本,我会使用与您在此处列出的相同的最小宽度值,但使用宽度属性中的自定义值(例如,第一个值为1400)?我列出的值正是我希望中断宽度的位置。它们基本上意味着,如果设备宽度大于或等于像素值,则执行{…}。更深入的解释是,例如,第一个查询转换为:当屏幕宽度大于或等于1200px时,具有自定义容器类的元素的宽度将为1000px。我实际上知道所有这些。我只是想知道这些是否是要检查的标准最小宽度值。标准最小宽度值在引导文档中(对于引导3,在您的案例中):,我认为它们与我提到的匹配。
<div class="container custom-container">