Bootstrap中定制LESS-颜色及导航条(推荐)

sixyearsorless 2016-11-21

 主题色

在variables.less文件的开始，可以看到灰色及品牌色的默认变量及其值

@gray-darker: lighten(#000,13.5%); //#222
@gray-dark

我们可以直接进行替换，以涵盖我们所需的完整灰度空间

@gray-darker: #222;
@gray-dark: #454545;
@gray: #777;
@gray-light: #aeaeae;
@gray-lighter: #ccc
@gray-lightest: #ededed
@offwhite: #fafafa;

将品牌颜色改为金黄色：

@brand-primary: #c1ba62;

导航条颜色变量

在variables.less中修改下列值：

@navbar-height: 64px;
@navbar-margin-bottom: 0; // was @line-height-computed
...
@navbar-default-color: @gray;
@navbar-default-bg: #fff;
@navbar-default-border: @gray-light; // darken(@navbar-default-bg, 9.5%);
...
// Navbar links
@navbar-default-link-color: @navbar-default-color;
@navbar-default-link-hover-color: @link-hover-color;
@navbar-default-link-hover-bg: @off-white;
@navbar-default-link-active-color: @link-hover-color;
@navbar-default-link-active-bg: @gray-lightest;
@navbar-default-link-disabled-color: @gray-lighter;
@navbar-default-link-disabled-bg: transparent;

会出现有关导航条的新特征。

sixyearsorless

sixyearsorless

相关推荐

Css、less和Sass（SCSS）的区别

随着前端开发的不断发展，CSS也逐渐延伸出了很多新的语言，less和Sass就是其中两种，下面我们就一起来看看它们到底有何区别。SASSSass 诞生于 2007 年，使用Ruby 编写，是一种对css的一种扩展提升，增加了规则、变量、混入、选择器、继承等

前端 / 0评论 2020-08-03

临时脚本20200802

CREATE TABLE `poms_status` ENGINE=MyISAM AUTO_INCREMENT=750943 DEFAULT CHARSET=utf8 COMMENT=‘传感器状态‘partition by range COLUMNS;a

骷髅狗 / 0评论 2020-08-02

vue-cli3项目开启less支持并引入短链接

说明用脚手架搭建的时候，可以在选项中开启。但是如果项目已经建好了这个时候想开启支持，就需要额外做些事情了支持less安装该插件

wghou / 0评论 2020-06-21

less学习---less的继承（extend）

上篇主要讲述了less的变量的基本使用，本篇我们来讲解下less的一个常用规则，那就是嵌套了，这个使你在使用css的时候能够用起来非常方便和爽。.page-header {　　background-color:#666666;　　color:#000;　　

wghou / 0评论 2020-06-16

less学习----less变量

相信在写css的时候，你总会发现，你某些属性的值一直都是重复的，例如系统的背景颜色、logo的地址等等，因此通过less 的变量，你可以将重复的值用一个变量保存起来，然后就直接用！！！呀，没错，就只是直接替换而已，是不是很简单，关于less的变量介绍就这么

覆雪蓝枫 / 0评论 2020-06-16

MySQL最佳实践之分区表基本类型

随着MySQL越来越流行，Mysql里面的保存的数据也越来越大。所以只能是启用一个或多个带where条件的delete语句去删除。这对数据库的造成了很大压力。即使我们把这些删除了，但底层的数据文件并没有变小。面对这类问题，最有效的方法就是在使用分区表。最常

骷髅狗 / 0评论 2020-06-14

如何将less编译成css文件__less自动编译成css的方法总结

作为css的预处理less,拥有着比css更快捷方便，扩展了css的变量、Mixin、函数等特性，使 CSS 更易维护和扩展。如何你已经回使用css，那么less就很容易上手了。如果不使用less.min.js的情况， 介绍如何将less文件转换成css文

骷髅狗 / 0评论 2020-06-12

LESS

输出为：* {margin: 1000px;padding: cacl;}

Enjoyendless / 0评论 2020-06-11

vue-cli3 less全局变量

const path = require;//这一段需要自行添加

maiktom / 0评论 2020-06-08

在vue中的设置less全局变量

// less: generateLoaders(‘less‘),loader: ‘sass-resources-loader‘,}),

sixyearsorless / 0评论 2020-05-27

less基本知识

Less語法糖less是Leaner Style Sheets 的缩写，擴展CSS一些特性。使我們在樣式加入可以加，減，乘，除等更加靈活。二 、混合混合是一种将一组属性从一个规则集包含（或混入）到另一个规则集的方法。假设我们定义了一个类如下：。.borde

zhanghaibing00 / 0评论 2020-05-27

linux ls less tail touch head file od

列出所有文件，甚至包括文件名以圆点开头的默认会被隐藏的隐藏文件。通常，如果指定了目录名，ls 命令会列出这个目录中的内容，而不是目录本身。把这个选项与 -l 选项结合使用，可以看到所指定目录的详细信息，而不是目录中的内容。这个选项会在每个所列出的名字后面加

maiktom / 0评论 2020-05-26

less 基础

@color:deeppink;@font14:14px;background-color:@color;color:@color;font-size:@font14;font-size:@font14;

比格杰森 / 0评论 2020-05-26

less基础

less是一种动态样式语言，属于css预处理器的范畴，它扩展了css语言，增加了变量、Mixin、函数等特性，使css更易维护和扩展。此外，less既可以在客户端上运行，也可以借助Node.js在服务端运行。　　在less文件中，可以使用@来申明一个变量：

e度空间 / 0评论 2020-05-17

HbuilderX安装less或者sass/scss后，新建less或者sass文件后右键并不能出现编译的bug

我分享的这个是很奇葩的问题，安装各种步骤完成安装和配置后，任然不能使用编译功能，右下角有HbuilderX 更新提示，更新以后，重新配置以下安装插件的package.json以后，编译功能出来了。。。就是这么简单，如果你各种安装和配置都正确，不妨试试升级H

maiktom / 0评论 2020-05-11

less快速入门

通过less.js让less不再像传统的css是静态数据表，让它具备了编程语言的动态性。得益于Variables(变量)和Mixins()让less可以做到编程语言很多的基础和实用特性，这将大大减少前端的代码量，使用代码变得更加优雅小巧。本文内容来源于英文

buttonChan / 0评论 2020-05-10

linux命令（二）more、less、head、tail

more 命令，功能类似 cat ，cat 命令是将整个文件的内容从上到下显示在屏幕上。more 命令会一页一页的显示，方便使用者逐页阅读，而最基本的指令就是按空格键往下一页显示，按 B 键就会往回一页显示，而且还有搜寻字串的功能。more 命令从前向后读

Enjoyendless / 0评论 2020-05-08

sqli-labs-master 第二关+第三关+第四关

id=0") UNION SELECT 1,username, password from users limit 5,1 %23

sixyearsorless / 0评论 2020-05-07

（4）webpack中配置css，scss，less第三方loader

一般引入样式文件，我们会在html中引入样式标签。很明显，这样就跟之前在script中引入js文件一样，会导致二次请求。我们希望webpack像处理js文件一样处理样式文件。于是我们在入口文件，在main.js中通过import方式引入样式文件。引入完成后

骷髅狗 / 0评论 2020-04-24

vue项目中使用less

@base-color: #39c;@part-color: #3c9;@import ‘./home.less‘;width: 0;height: 0;margin: 20px;border: 40px solid;border-color: @base

骷髅狗 / 0评论 2020-04-23

Python D&G快速排序

return array #基线条件为空或只包含一个元素。less = [i for i in array[1:] if i<=pivot]

GhostLWB / 0评论 2020-04-20

less的基本使用

众所周知，less是一门css预处理语言，其他的类似还有scss、Stylus 等，和js相似度比较高的就是less了。话不多说，我们来看less的使用。我用的vscode,编译后css文件在vscode项目文件里显示不出来，但是在本地路径下查看得到。Le

比格杰森 / 0评论 2020-04-16

布尔盲注(基于sqli-labs第八关）

对于盲注只有2种感觉，好玩，好烦。新技能好玩，一个一个猜好烦。不知道你们是否跟我一样。手工注入，一个个猜解。大多数人都会觉得特别烦躁的东西。注入还设有第一点，看注入点在哪里。个人的查看注入点的方式‘单引号，“双引号，id=1‘--+ #正常，我可以认为是闭

Enjoyendless / 0评论 2020-04-14

你所不知道的用less查看文件的高级用法

使用 less 文件查看器的一些技巧。最近，我正在拜读 Scott Nesbitt 的文章《在 Linux 命令行中使用 less 来查看文本文件》，并受到了一些启发，所以我想分享一些使用 less 命令的技巧。如果你定义了环境变量 LESS，那么 les

比格杰森 / 0评论 2020-03-16

Less（33）GET-Bypass AddSlasher()

id=-1%E6‘ union select 1,group_concat,3 from security.users --+

sixyearsorless / 0评论 2020-03-03

Less（32）GET - Bypass custom filter adding slashes to dangerous chars

　　check_addslashes()会在单引号前加一个\ 例如：I‘m hacker 传入addslashes()，得到：I\‘m hacker. 　　原理大概来说就是，一个双字节组成的字符，比如一个汉字‘我’的utf8编码为%E6%88%91 当我们

wghou / 0评论 2020-03-03

我爱java系列---【linux系统查看日志常用命令】

　默认按下g，代表翻到第一屏。你可以g3，翻到第3屏，这里我没有试试这个文档一共能翻几屏。输入大写G，默认下翻到文件尾部，小写g，回到文件头部。= -显示当前行信息，如行号、字节位置等（可能要计算，毕竟没有加载整个信息！

maiktom / 0评论 2020-02-14

LESS 32 33

例子： id= 1’ 处理 1 \ ’ 进行编码 1 %5c %27 带入sql后 and XXXX 此时无法完成注入 id=1%df’ 处理 1 %df \ ’ 进行编码 1 %df %5c %27 带入sql后 id =1’ and XXX 此时存在宽

maiktom / 0评论 2020-02-02

Less 11-22

SELECT username, password FROM users WHERE username=‘‘‘ and password=‘1‘ LIMIT 0,1. 那么就可以在此SQL语句中注释掉后面的密码，使得该SQL查询返回真，从而绕过密码成功登录

比格杰森 / 0评论 2020-01-30

bootstrap less css

下载完毕后，点击安装，默认安装在c:/program files中，安装比较简单，一直点击next，安装完毕之后，系统环境的path会添加。继续在任意位置执行如下命令。然后再在cmd中执行，完成之后，将less文件夹中的bootstrap.css拷贝到项目

courseware / 0评论 2013-05-29

Sqli-labs_Less-1_GET-Error Based-Single Quotes

Please input the ID as parameter with numeric value请输入ID作为带数值的参数。显示了登录名和密码；说明存在注入点；接下来开始猜字段数；The used SELECT statements have a d

比格杰森 / 0评论 2020-01-18

CF600B Queries about less or equal elements 题解 二分

给你一个长度为 \(n\) 的数组 \ 和一个长度为 \(m\) 的数组 \ 。对于数组 \ 中的每一个元素 \ ，你需要计算出 \ 中有多少元素 \ 是满足 \ 的。需要先将数组 \ 排序，然后对于每一个 \ ，二分查找大于等于 \ 的最小的那个数。in

maiktom / 0评论 2020-01-14

[LC] 1099. Two Sum Less Than K

Given an arrayAof integers andintegerK, return the maximumSsuch that there existsi < jwithA[i] + A[j] = SandS < K. If noi,

比格杰森 / 0评论 2020-01-12

全网最详细的Linux命令系列-less命令

less 工具也是对文件或其它输出进行分页显示的工具，应该说是linux正统查看文件内容的工具，功能极其强大。less 的用法比起 more 更加的有弹性。在 more 的时候，我们并没有办法向前面翻， 只能往后面看，但若使用了 less 时，就可以使用

比格杰森 / 0评论 2020-01-11

rem适配布局---3. less

less是一门CSS扩展语言，也成为CSS预处理器，作为CSS一种形式的扩展，并没有减少CSS的功能，而是在现有的CSS语法之上，为CSS加入程序式语言的特性。它在CSS语法的基础之上，引入了变量，Mixin(混入)，运算以及函数等功能，大大简化了CSS的

nicepainkiller / 0评论 2020-01-01

九、响应式发：rem和less（适配移动端）

//记录到devDependencies中，因为这是我们在开发中使用的而非在生产中使用。// prevent webpack from injecting useless setImmediate polyfill because Vue. // prev

Enjoyendless / 0评论 2020-01-11

Linux less命令

less 与 more 类似，但使用 less 可以随意浏览文件，而 more 仅能向前移动，却不能向后移动，而且 less 在查看之前不会加载整个文件。当使用 less 查看大文件时，可以在任何一个位置作标记，可以通过命令导航到标有特定标记的文本位置：

Enjoyendless / 0评论 2020-01-03

Linux 备忘常用命令

以MB单位、每两秒显示一次内存使用情况。

maiktom / 0评论 2013-07-01

Linux 文件内容查看命令- less

less 工具也是对文件或其它输出进行分页显示的工具，应该说是linux正统查看文件内容的工具，功能极其强大；对于初学者，建议用less。由于less的内容太多，下面吧最常用的介绍一下；-c 从顶部刷新屏幕，并显示文件内容。command 调用SHELL，

骷髅狗 / 0评论 2013-03-27

Linux less命令用法

查看nohup.out文件的内容，显示行号，显法读取文件的百分比、行号及总行数。而不是通过底部滚动完成刷新。-p pattern 搜索pattern；比如在nohup.out搜索字符串fail，就用 less -p fail nohup.out. 方式一，

maiktom / 0评论 2013-07-21

0081 预处理器 less

CSS 是一门非程序式语言，没有变量、函数、SCOPE（作用域）等概念。CSS 需要书写大量看似没有逻辑的代码，CSS 冗余度是比较高的。不方便维护及扩展，不利于复用。非前端开发工程师来讲，往往会因为缺少 CSS 编写经验而很难写出组织良好且易于维护的 C

冰蝶 / 0评论 2019-12-31

全局索引和本地索引的区别

Oracle数据库中，有两种类型的分区索引，全局索引和本地索引，其中本地索引又可以分为本地前缀索引和本地非前缀索引。下面就分别看看每种类型的索引各自的特点。全局索引以整个表的数据为对象建立索引，索引分区中的索引条目既可能是基于相同的键值但是来自不同的分区，

maiktom / 0评论 2019-12-31

浅谈Css、less和Sass（SCSS）

想必大家学习CSS的时候一定接触过LESS和SASS吧，但可能还是有很多朋友对他们的概念模糊，下面不妨就跟着一起了解一下关于它们的故事。为了方便前端开发的工作量，出现了sass和less。比如说，sass中可以把反复使用的css属性值定义成变量，然后通过变

xxuncle / 0评论 2019-12-27

直击css系列----Css、less和Sass（SCSS）

可能大家对于css还是比较了解了，但说到SASS和LESS还是很陌生，那么今天就跟我来一起了解一下CSS、LESS和SASS。为了方便前端开发的工作量，出现了sass和less。比如说，sass中可以把反复使用的css属性值定义成变量，然后通过变量名来引用

zhanghao / 0评论 2019-12-27

Less、一些选择器

我们可以直接在客户端使用 .less，只需要从 http://lesscss.org下载 less.js 文件，然后在我们需要引入 LESS 源文件的 HTML 中加入如下代码,也可以直接引入cdn. 首先引入less代码。安装完node.js之后，打开N

zengni / 0评论 2019-12-27

Css、less和Sass（SCSS）搞不清楚？看完这篇文章你就懂了

熟悉CSS的同学都知道，随着时代发展CSS还延展出了一些新语言，比如SASS和LESS。但是可能很多同学并不了解他们，接下来我就会带你一起了解一下关于Css、less和Sass的相关信息。比如说，sass中可以把反复使用的css属性值定义成变量，然后通过变

wghou / 0评论 2019-12-27

浅谈Css、less和Sass（SCSS）

想必大家学习CSS的时候一定接触过LESS和SASS吧，但可能还是有很多朋友对他们的概念模糊，下面不妨就跟着一起了解一下关于它们的故事。为了方便前端开发的工作量，出现了sass和less。比如说，sass中可以把反复使用的css属性值定义成变量，然后通过变

waterv / 0评论 2019-12-27

直击css系列----Css、less和Sass（SCSS）

CSS是一门非程序式语言，入门学习使用非常直观方便，但是对于一些比较复杂或者重用性比较强的项目来说，因为CSS没有变量、函数、SCOPE（作用域），需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，尤其对于非前端开发工程师来讲，往往会因为缺少

福叔 / 0评论 2019-12-27

mysql 分区表

`confirm_time` datetime NOT NULL DEFAULT ‘0000-00-00 00:00:00‘,`order_id` varchar DEFAULT NULL COMMENT ‘平台单号‘,`update_time` time

maiktom / 0评论 2019-12-21

Less语法整理

LESS 的运算已经超出了我们的期望，它能够分辨出颜色和单位,括号也同样允许使用,并且可以在复合属性中进行运算:

Enjoyendless / 0评论 2019-12-20