博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
bootstrap的样式
阅读量:6264 次
发布时间:2019-06-22

本文共 2117 字,大约阅读时间需要 7 分钟。

一、字体图标

进入bootstrap官方文档的组件页面,最上面的组件就是字体图标“Glyphicons 字体图标”部分。在控件的class中声明字体图标,既加一个class样式“glyphicon”,然后把在这里找到图标后把图标对应的名字单词class样式放到相应的控件里:

aaaaa

这里写图片描述

由于字体图标看起了是个图片图标,担实际可以把它当成字体来对待,所以控制其大小颜色等样式就跟控制一般的字体一样。

二、颜色设置

最常用的颜色样式有如下几个:primary success info warning danger。不同的控件由相应的前缀加上这些单词即可控制控件的颜色。各控件对应的前缀如下:

文字设置:text-
背景设置:bg-
按钮设置:btn-
弹窗设置:alert-
面板设置:panel-

            

默认段落

首选项

成功

一般信息

警告

危险

默认文字
首选项
成功
一般信息
警告
危险
链接1
链接1
链接3
我是警告框

我是面板的标题

我是面板的主体内容

这里写图片描述

三、登录面板

            
Login
用户名不能为空
忘记密码

这里写图片描述

四、其他

常用样式效果解析如下:

active:背景加深。
disabled:不可点,不可触发。
lg、md、sm、xs除了是栅格系统控制占用空间大小的关键字,也可以是控制控件大小的关键字。
col-**-n是栅格系统的用法;
btn-**用于控制按钮大小。

            

这里写图片描述

你可能感兴趣的文章
墨西哥短暂生活杂谈
查看>>
第四篇:R语言数据可视化之折线图、堆积图、堆积面积图
查看>>
异步编程之Javascript Promises 规范介绍
查看>>
EnumRemarkAttribute,获取属性值
查看>>
GCC扩展(转--对看kernel代码有帮助
查看>>
MVC3中使用RadioButtonFor()
查看>>
单元测试的概念
查看>>
Android特效 五种Toast详解
查看>>
phpcms(4) V9 栏目管理
查看>>
php多进程pcntl学习(采集新浪微博)
查看>>
[转]ListView学习笔记(一)——缓存机制
查看>>
【完全跨域】异步上传文件并获得返回值
查看>>
【TCP/IP详解 卷一:协议】第二章:链路层
查看>>
AWS开发人员认证考试样题解析
查看>>
Linux_DHCP服务搭建
查看>>
日请求亿级的 QQ 会员 AMS 平台 PHP7 升级实践
查看>>
【Coursera】Security Introduction -Eighth Week(2)
查看>>
Vue系列:如何将百度地图包装成Vue的组件
查看>>
Charles 从入门到精通
查看>>
MVC5 + EF6 简单示例
查看>>