Bootstrap中定制LESS-颜色及导航条(推荐)
作者：wangxuznb 发布时间：2024-05-02 16:21:26
标签：bootstrap,导航条,颜色
主题色
在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;
会出现有关导航条的新特征。
以上所述是小编给大家介绍的Bootstrap中定制LESS-颜色及导航条网站的支持！
来源：http://blog.csdn.net/wangxuznb/article/details/53259705
0
投稿猜你喜欢
- 问题你要通过网络连接发送和接受连续数据的大型数组，并尽量减少数据的复制操作。解决方案下面的函数利用 memoryviews 来发送和接受大数
在项目文件中新建文件.env .env.pro 两个文件其中.env 是默认设置 .env.pro 为正式环境设置1、设置.env中的内容信- 高级特性切片操作：对list,tuple元素进行截取操作，非常简便。L[0:3],L[:3] 截取前3个元素。L[1:3] 从1开始截取2个
- 在通过拼组sql语句来实现数据插入的应用中，我们很有可能会遇到需要插入大型数据的情况，例如，在oracle中需要插入字节数超过4000的字段
- 在表中有两个字段：id_no (varchar) , in_date (datetime) ，把in_date相同的记录的in_date依次
- 如下：数据文件：上海机场 (sh600009)24.113.58东风汽车 (sh600006)74.251.74中国国贸 (sh600007
- 1 解决方案【方案一】载入模型结构放在全局，即tensorflow会话外层。'''载入模型结构:最关键的一步'
- 上篇文章给大家介绍过 Python脚本破解Linux口令(crypt模块) 感兴趣的朋友点击查
- Linux添加mysql系统环境变量昨天安装完mysql后，直接在export PATH上面一行，增加了export PATH=/usr/l
- 最近迁移了wordpress,系统升级为CentOS 6,很奇怪的一个问题,在原来CentOS 5.8下用的很正常的定时备份数据库并通过邮件
- 切片——str[start:end]str1 = ' python str '#切片
- 目录1.导入tf.keras2.构建简单模型2.1模型堆叠2.2网络配置3.训练和评估3.1设置训练流程3.2输入Numpy数据3.3tf.
- 音频文件放入和.py文件同级的目录下import winsound # 导入此模块实现声音播放功能import time # 导入此模块，获
- 一、两表之间若有关联，你是否还在用主键进行关联？ 比如现在有2张表，一张新闻栏目表，一张新闻表，现在两张表需要进行关联，我想大多数人的做法肯
- [javascript]var studs = [{name: 'clap', age: 15},
- 前言这期文章我就为大家介绍关于python的艺术美——画图神器在数学中有一种美，叫几何美，我们又称为
- 输入汉字提示拼音，试试下面这个函数，不知是不是你要的那个：查询汉字便宜到词典网<％function getpychar(ch
- 作者：Rung András原文：How To Engage Customers In Your E-Commerce Website对于我
- 最近在学爬虫时发现许多网站都有自己的反爬虫机制，这让我们没法直接对想要的数据进行爬取，于是了解这种反爬虫机制就会帮助我们找到解决方法。常见的
- 学习目标Python 是简洁、易学、面向对象的编程语言。它不仅拥有强大的原生数据类型，也提供了简单易用的控制语句。本节的主要目标是介绍 Py
