使用CSS编辑Bootstrap的样式(颜色/字体等)或更好地使用更少

时间:2013-11-18 23:23:56

标签: css twitter-bootstrap less

看起来通过CSS编辑Bootstrap网站的样式并不容易,但是我使用了style.css,但我的更改从未显示(是的,在bootstrap.css之后加载) 我听说过LESS,它是编辑引导风格的唯一(或者更好的方式)吗?

我需要能够编辑并进行实时更改,我需要能够更改h1的字体样式,导航栏的大小和颜色,按钮的颜色......一切。

我找到了一个描述该过程的网站,这是正确的吗? http://www.codeproject.com/Articles/594098/How-to-customize-Twitter-Bootstrap-to-fit-your-web

或者有更好的方法来编辑lass,我真的需要一个本地服务器吗? 我使用layoutit.com进行布局,使用Brackets进行样式和html工作。

顺便说一句,有没有像layoutit.com这样的基金会前端,然后是Divshot(不喜欢它而且不是免费的)

2 个答案:

答案 0 :(得分:0)

  

看起来通过它来编辑Bootstrap网站的样式并不容易   CSS,虽然我使用了style.css,但我的更改从未出现过

使用类似Firebug的内容查看哪些规则覆盖了您的规则,然后使用优先级更高的选择器,或使用!important作为最后一个资源

  

我听说过LESS,是否是编辑a的唯一(或更好的方式)   引导风格?

我从未使用过LESS,但它是一个CSS预编译器。

然后,LESS代码转换为CSS。所以LESS不能解决你的问题,因为你可以直接编写CSS代码。

  

我真的需要本地服务器吗?

仅当您的网站在本地服务器AFAIK

中运行时

答案 1 :(得分:0)

我建议不要乱用原始的bootstrap文件。而是创建自己的css文件并仅添加要更改的类。例如:

.body {
    font-size: 14px;
}

通过这种方式,您可以轻松快速地编辑它,不会丢失较少的文件或引导程序文件,如果您不满意,可以轻松返回原始文件!