如何将容器元素设置为引导样式

Question

我正在为Joomla！的一个组件开发模板。我需要将twitter引导选择器限制在我的组件上，并且不影响页面布局的其余部分。我现在要做的是修改bootstrap中的每个选择器，并像这样添加我的容器：

#SobiPro button::-moz-focus-inner,
#SobiPro input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
#SobiPro button,
#SobiPro html input[type="button"],
#SobiPro input[type="reset"],
#SobiPro input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
#SobiPro label,
#SobiPro select,
#SobiPro button,
#SobiPro input[type="button"],
#SobiPro input[type="reset"],
#SobiPro input[type="submit"],
#SobiPro input[type="radio"],
#SobiPro input[type="checkbox"] {
  cursor: pointer;
}

那么，除了添加到每个选择器之外，在css或javascript中有没有解决方案来设置css文件的父容器呢？

向您致敬，摩斯塔法

Answer 1

所以，没有人回答，几年后，我设法找到了答案。所以，可以这样使用less到css的转换器(你可以找到很多在线的less到css的转换器)：

.your_container_selector {
   /* css code that needs to be wrapped in that container */ }

然后将这段代码从less转换为css。