04 2018 档案

组件 -- Button
摘要：.btn button的背景色： .btn-primary .btn-success .btn-secondary .btn-danger .btn-info .btn-light .btn-dark .btn-link button的边框颜色： .btn-outline-primary .btn- 阅读全文
posted @ 2018-04-13 15:47 三个砂锅 阅读(159) 评论(0) 推荐(0)
组件 --BreadCrumb--面包屑
摘要：面包屑组件多用于导航栏，对于大型网站，做面包屑导航栏 .breadcrumb .breadcrumb-item .active：表示现在正处在该页面 效果截图： 代码： <nav> <ol class = "breadcrumb"> <li class = "breadcrumb-item"><a 阅读全文
posted @ 2018-04-13 12:19 三个砂锅 阅读(464) 评论(0) 推荐(0)
组件 -- Badge
摘要：.badge ：长方形的徽章 badge的颜色： .badge-primary .badge-secondary .badge-success .badge-warning ... ... .badge-pill：左右两边为半圆的徽章 这些可以用于<span>元素，也可以用于<a>元素。 阅读全文
posted @ 2018-04-13 11:56 三个砂锅 阅读(719) 评论(0) 推荐(0)
组件 -- Alert
摘要：alert的背景色： alert-primary alert-secondary alert-success . . . .alert ： 警告框类 .data-dismiss = "alert" 让警告框拥有关闭功能 用于js函数的方法： $().alert() //显示警告框 $().alert 阅读全文
posted @ 2018-04-11 16:50 三个砂锅 阅读(159) 评论(0) 推荐(0)
表格-table 样式
摘要：.table： 表格基本样式 .table-dark：表格显示为黑色 .thead-light： 表头显示颜色跟亮 .thead-dark：表头显示为黑色 .table-striped：表格以条纹形式显示 .table-bordered：给表格加上边框 .table-hover：把鼠标放到表格上时会 阅读全文
posted @ 2018-04-09 16:52 三个砂锅 阅读(1777) 评论(0) 推荐(0)
image 样式设置
摘要：.image-fluid：响应式大小 .image-thumbnails：照片四周会出现一个1px宽的边框 .figure：用于<figure>标签，用来标记一个图像 .figure-caption：标签的标题，用于<figcaption>标签 基本用法： <figure class="figure 阅读全文
posted @ 2018-04-09 16:17 三个砂锅 阅读(424) 评论(0) 推荐(0)
文本和字体样式设置
摘要：.text-left ： 文本左对齐 .text-center：文本居中 .text-right ：文本右对齐 .text-sm-left ：屏幕为"sm"大小时，左对齐 .text-sm-center： . . . .text-justify ： 文本自动换行 .text-nowrap：文本不换行 阅读全文
posted @ 2018-04-09 15:54 三个砂锅 阅读(250) 评论(0) 推荐(0)
bootstrap-网格系统
摘要：网格系统： .container ： 行必须放置在 .container class 内，以便获得适当的对齐（alignment）和内边距（padding） .row ：行内的列总数必须为12. .col-lg- ：大型设备台式电脑（≥1200px） .col-md- ：中型设备台式电脑（≥992p 阅读全文
posted @ 2018-04-09 14:36 三个砂锅 阅读(198) 评论(0) 推荐(0)