相关疑难解决方法(0)

自定义Bootstrap CSS模板

我刚从Twitter开始使用Bootstrap,我想知道什么是"最佳实践"用于定制.我想开发一个系统,该系统将利用一个CSS模板的所有电源(引导或其他),彻底(容易地)修改的,是可持续的(即 - 当引导的下一个版本是从Twitter的我不要公布"我必须重新开始.

例如,我想在顶部导航中添加背景图像.看起来有三种方法可以解决这个问题:

  1. 修改bootstrap.css中的.topbar类.我不是特别喜欢这个,因为我会有很多.topbar项目,我不一定要以同样的方式修改它们.
  2. 使用我的背景图像创建新类并应用这两种样式(new和bootstrap到我的元素).这可能会产生样式冲突,可以通过将.topbar类剥离到单独的类中然后仅使用我的自定义类未处理的部分来避免这种冲突.同样,这需要比我认为必要的更多工作,虽然它很灵活,但是当Twitter发布下一部分时,它不允许我轻松更新bootstrap.css.
  3. 使用.LESS中的变量来实现自定义.这似乎是一个很好的方法,但没有使用过.很少我担心在客户端编译css和代码可持续性.

虽然我使用的是Bootstrap,但这个问题可以推广到任何css模板.

提前感谢您的意见.

css twitter-bootstrap bootswatch

105
推荐指数
5
解决办法
10万
查看次数

如何在Bootstrap中更改btn颜色

有没有办法改变.btnBootstrap中的所有属性?我尝试了下面的,但有时它仍然显示默认的蓝色(比如点击并删除鼠标等).我怎样才能完全改变整个主题?

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    background-color: #8064A2;
}
Run Code Online (Sandbox Code Playgroud)

css twitter-bootstrap twitter-bootstrap-3

57
推荐指数
8
解决办法
22万
查看次数

如何更改bootstrap主色?

是否可以更改引导原色以匹配品牌颜色?在我的案例中,我使用的是bootswatch的纸质主题.

css twitter-bootstrap twitter-bootstrap-3 bootstrap-4

57
推荐指数
7
解决办法
9万
查看次数