自定义Twitter Bootstrap类名

时间:2015-03-12 06:33:22

标签: twitter-bootstrap class twitter-bootstrap-3 prefix classname

http://getbootstrap.com/customize/

以上链接,自定义Bootstrap的组件,Less变量和jQuery插件,以获得您自己的版本。

我想知道是否可以通过在其类中添加前缀来自定义引导程序,例如:

".container" = ".myid_container"
".btn-group" = ".myid_btn-group"

3 个答案:

答案 0 :(得分:2)

你可以@extend bootstrap类,如果你正在使用sass,你可以随意调用它们。这是信息http://www.sitepoint.com/sass-semantically-extend-bootstrap/

但是如果你使用普通的bootstrap.css我不确定是否有办法重命名引导类,除了在文件中重命名它们。

答案 1 :(得分:2)

只需转到任何编辑器上的bootstrap css文件,然后使用" Find&替换" (在Notepad ++中按Ctrl + H)替换所有'。'与' .myid _'

答案 2 :(得分:2)

我知道这是一个古老的问题,但这可能会帮助来自搜索引擎的人们-您可以在scss中执行以下操作以实现上述目标:

// allows this file to use bootstrap classes and functions
@forward "node_modules/bootstrap/scss/bootstrap";

.myid_container{
  @extend .container;
}

.myid_btn-group{
  @extend .btn-group;
}