- 博客(9)
- 收藏
- 关注
RSS订阅原创 BootStrap按钮组
按钮组使用.btn-group是按钮放在一行里，成为一组。基本结构<div class="btn-group"><button></button><button></button></div>。按钮工具栏btn-toolbar，把btn-gorup 分成一块一块的。按钮组大小.btn-group
2018-12-06 11:11:09
261
原创 Bootstrap 布局组件
字体图标（Glyphicons）bootstrap提供了250个字体图标，只需要给元素添加字体图标类，就能显示字体图标对应的图片，不需要再添加图片了。图片不予其他组件联合使用，应该创建一个嵌套的<span>标签，给<span>标签添加图标类。下拉菜单基本结构<div class="dropdown"> <button data-toggle="drop...
2018-07-16 16:15:05
334
原创 BootStrap辅助类
文本颜色text-muted（默认灰色），text-primary（首选蓝色）， text-success（成功绿色），text-warning（警告黄色），text-info（信息天蓝色）， text-danger（危险红色）背景颜色bg-primary（首选蓝色）， bg-success（成功绿色），bg-warning（警告黄色），bg-info（信息天蓝色）， bg-danger（危险红色...
2018-07-16 10:01:43
214
原创 BootStrap按钮和图片
按钮可作为按钮使用的标签<a>，<input>，<button>都可以设置为按钮，bootstrap为按钮提供了.btn类，为按钮设置了新的样式。a标签结构：<a class="btn">按钮明</a>input标签结构：<input class="btn" value="按钮名"/&g
2018-07-13 10:13:11
1784
原创 BootStrap表单
基本实例.form-control设置<input><textarea><select>标签宽度为100%。将label和<input><textarea><select>标签统一放在.form-group 中，以获得更好的排列。表单基本结构<div class="form-group">&am
2018-07-11 15:24:09
632
原创 BootStrap表格
基本实例bootstrap为<table>标签，添加了.table类，赋予其padding和水平方向的分割线。条纹状表格.table-striped为每一行增加斑马线。条纹表格依赖于:nth-child CSS选择器实现的，这一样式在IE8不支持。带边框的表格.table-bordered为每个单元格增加边框。鼠标悬停表格.table-hover当鼠标一道某一行时，改行会出现灰色背景颜...
2018-07-10 14:54:13
353
原创 BootStrap常用标签
标题bootstrap为h1到h6赋予新的样式。bootstrap里的样式： 一般正常样式：标题里还可以包含<small>h或包含.small的元素作为副标题。段落段落元素<p>还被设置了等于 1/2 行高的底部外边距（margin）。t通过.lead类可以让段落突出显示。对比如下：强调...
2018-07-09 16:57:04
2149
原创 BootStrap全局CSS样式
布局容器Bootstrap 需要为页面内容和栅格系统包裹一个.container容器，类用于固定宽度并支持响应式布局的容器。<div class=".container"></div> bootstrap自动为.container设置了样式。栅格系统bootstrap提供了一套响应式的、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）的增加，系统自动分成12列...
2018-07-09 09:46:54
326
原创 BootStrap环境搭建
去BootStrap中文官网下载BootStrap，目前基本使用的是bootstrap3，点击bootstrap3中文文档，进入页面，点击下载BootStrap。配置环境：1，引入bootstrap.js或者bootstrap.min.js（bootstrap.min.js是bootstrap.js的压缩版）。2，引入bootstrap.css或者bootstrap.min.css。3，引入jQu...
2018-07-04 10:12:45
352
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人