Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何获得比容器更宽但不是全宽的引导容器?_Html_Css_Angularjs_Twitter Bootstrap 3 - Fatal编程技术网

Html 如何获得比容器更宽但不是全宽的引导容器?

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 这在一段时间内运行良好,但我现在需要向表中添加另一列。结果,单元格中的数据有些被压缩。我真的需要表格稍微宽一点,但不要占用父容器的全部宽度 我知道我可以使用容器流体来获得全宽,但我不想这样 如何使其稍微宽一

我有一个使用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">