修改bootstrap 中 CSS 样式表,以实现自己需要的部分样式。
2017-04-25 11:05
417 查看
bootstrap当中,已经自动配置好许多CSS 样式,但是,咱们可以根据自己的需要来修改相应的部分内容,实现自己想要的结果。
目前,尼玛哥在web前端开发的过程当中, 使用到了bootstrap框架,但是在写导航条部分代码时,需要将.navbar-brand 的颜色设置为自己想要的颜色。
默认颜色为#777(灰色),咱们想将标志变为蓝色。
修改bootstrap.min.css文件或者bootstrap.css当中的.navbar-brand{color:#777}
注:bootstrap.min.css文件或者bootstrap.css在引用的时候,只需要一个即可,前者是后者的压缩版本
OK,咱们将颜色修改为#00f ;在浏览器当中查看结果。
目前,尼玛哥在web前端开发的过程当中, 使用到了bootstrap框架,但是在写导航条部分代码时,需要将.navbar-brand 的颜色设置为自己想要的颜色。
默认颜色为#777(灰色),咱们想将标志变为蓝色。
修改bootstrap.min.css文件或者bootstrap.css当中的.navbar-brand{color:#777}
注:bootstrap.min.css文件或者bootstrap.css在引用的时候,只需要一个即可,前者是后者的压缩版本
OK,咱们将颜色修改为#00f ;在浏览器当中查看结果。
相关文章推荐
- Yii2-禁用和修改加载样式表-disable Bootstrap Js, JQuery and CSS
- 修改bootstrap 的全局样式,bootstrap 3.0 是由html5和CSS 3组成的
- 修改css文件后,jsp页面在IE8中预览部分样式突然失效的原因
- XRecyclerView实现RecyclerView下拉刷新上来加载 自己做了部分修改,使代码更简洁易用
- Bootstrap的全局css样式之栅格系统、表单和图片部分常用类.
- 如何用自己的CSS替换掉Blog默认的样式
- 实现自己的操作系统 第三部分
- 请问如何修改显示样式,该css吗?
- div+css使用padding样式和!important标记实现Firefox和IE6处理带float样式的margin尺寸上的兼容
- 如何用自己的方法实现修改盘符
- ASP.NET中实现二级或多级域名(修改UrlRewrite)需要注意的问题
- 实现自己的操作系统 第二部分
- Ajax实现网易相册样式的修改
- BS项目中的CSS架构_仅加载自己需要的CSS
- 我对自己blog模版样式得一些修改!
- [转] CSS中实现TABLE标签的cellpadding="0" cellspacing="0"样式
- Ajax实现网易相册样式的修改
- 实现数据按照自己的需要进行排序
- 精简的CSS代码,实现页面样式通用性。
- 用css alpha 滤镜 实现input file 样式美化代码