Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.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_Twitter Bootstrap_Twitter Bootstrap 3 - Fatal编程技术网

Html 是否有一个引导类来处理所有列宽度?

Html 是否有一个引导类来处理所有列宽度?,html,css,twitter-bootstrap,twitter-bootstrap-3,Html,Css,Twitter Bootstrap,Twitter Bootstrap 3,我一直在构建动态HTML,用引导网格系统处理桌面/移动设备的宽度尺寸 有没有一种方法可以将css类组合在一个“父”类中以限制重复的代码 例如, 更改: 致: 其中.all column类将所有类宽度合并为一个类?您可以这样做: <div class="col-xs-6"></div> 这将自动处理其他类col-lg-6 col-md-6 col-sm-6否,您不能从CSS中的其他类继承,但可以在CSS预处理器(如SASS)中继承 但是,没有必要对每个断点使用

我一直在构建动态HTML,用引导网格系统处理桌面/移动设备的宽度尺寸

有没有一种方法可以将css类组合在一个“父”类中以限制重复的代码

例如, 更改:


致:



其中.all column类将所有类宽度合并为一个类?

您可以这样做:

<div class="col-xs-6"></div>


这将自动处理其他类col-lg-6 col-md-6 col-sm-6

,您不能从CSS中的其他类继承,但可以在CSS预处理器(如SASS)中继承

但是,没有必要对每个断点使用相同的列:

因为,这是同一件事:


阅读。

真的吗?有趣。您能否澄清“.col-xs-6”类如何处理所有其他宽度大小?据我所知,该类只处理小于768px的宽度。请阅读或参考引导文档。@BigBen_Davy-RTFM:谢谢这些很棒的链接。肯定会在RTFM上工作!:)谢谢你的回答。您能否详细介绍“.col-xs-6”类如何处理所有其他宽度大小?据我所知,这只适用于宽度小于768px的显示器。
<div class="all-column"></div>
<div class="col-xs-6"></div>