CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了css – Bootstrap定制:我为什么要使用LESS?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在考虑在我的Bootstrap编辑器( Bootply.com)中集成LESS以符合Bootstrap customization best practices,并支持mixins.

但是,我还没有确定使用LESS而不是简单CSS覆盖的特定优势(性能和其他方面).似乎最终LESS被编译为CSS.看起来LESS将引入更多的维护/重新编译任务,因为引入了新版本的Bootstrap.

我知道可以在’bootstrap.css’之后使用自定义’theme.css’来完成Bootstrap定制.所以如果你想改变.navbar颜色,我只需要在’theme.css’中加几行就像..

.navbar-custom .navbar-inner {
   background-color:#444444;
}

然后标记看起来像:

<div class="navbar navbar-custom navbar-fixed-top">..

如果这不是定制的最佳实践,那么LESS如何改进呢?

解决方法

很少抽象出像这样的CSS混乱:
background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top,#45484d 0%,#000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#45484d),color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d',endColorstr='#000000',GradientType=0 ); /* IE6-9 */

在您的情况下,导航栏具有渐变,因此您不能简单地更改背景颜色.如果您使用LESS,您可以选择两种颜色,并且在Bootstrap的CSS文件中的某处,看起来像上面的混乱将会自动更新.

大佬总结

以上是大佬教程为你收集整理的css – Bootstrap定制:我为什么要使用LESS?全部内容,希望文章能够帮你解决css – Bootstrap定制:我为什么要使用LESS?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: