如何将“.row class”或“.col class”转换为写入css/less boostrap的独特类？

Posted 2023-02-23

技术标签:

【中文标题】如何将“.row class”或“.col class”转换为写入css/less boostrap的独特类？【英文标题】：how convert ".row class" or ".col class" into a unique class written into css/less boostrap? 【发布时间】：2016-09-20 22:13:30 【问题描述】：

如何创建一个包含 .col 配置的“类”？

示例（不是真实的，但我的意思很接近）：

html

<div class="myClass">Hello World!</div>

css/更少

.myClass
   col-xs-12;
   col-sm-offset-3, col-sm-6;

您能想象这些组件的使用潜力吗？

【问题讨论】：

Point one style class to another?的可能重复 getbootstrap.com/css/#mixins 【参考方案1】：

在 less 中，这称为mixin。给定引导模板，您几乎可以执行上述操作：

.myClass
   col-xs-12;
   col-sm-offset-3;
   col-sm-6;