![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Bootstrap
YY小怪兽
干饭了 干饭了
展开
-
Bootstrap常用组件
更多组件详情可见 1.什么是role? role属性用于增强语义性, 当现有的HTML标签不能充分表达语义性的时候,就可 以借助role来说明 比如用div做button,那么设置div 的 role=“button”,辅助工具就可以认出这 实际上是个button2.什么是aria-xxx? aria全称: Accessible Rich Internet Applications 这一套协定是w3和apple为了"残疾人士"无障碍使用网站的 可原创 2021-11-06 11:34:40 · 639 阅读 · 0 评论 -
Bootstrap公共样式-其它
详情可见1.在Bootstrap中可以通过m- / p- 快速添加间隙**m - 用于设置marginp - 用于设置 paddingt - 用于设置 margin-top 或者 padding-topb - 用于设置 margin-bottom 或者 padding-bottoms - 用于设置 margin-left 或者 padding-left 在LTR里, margin-right 或者 padding-right 在LTR里。e - 用于设置 margin-right 或者 pad原创 2021-11-06 10:51:39 · 193 阅读 · 0 评论 -
Bootstrap常用的公共样式
详情可见1.文字颜色 1.文字颜色 柔和灰(text-muted) 主要蓝(text-primary) 次要灰(text-secondary) 成功绿(text-success) 危险红(text-danger) 警告黄(text-warning) 危息绿(text-info) 黑白对比(text-dark) 注意点: .text-white 、 .text-muted这两个样式不支持链接上使用<p class="tex原创 2021-11-06 10:47:17 · 752 阅读 · 0 评论 -
Bootstrap栅格系统
1.Bootstrap栅格系统 1.Bootstrap栅格系统 Bootstrap的栅格系统使用一系列的"行"和"列"来实现复杂的响应式布局 默认情况下栅格系统会将一行的内容等分为12份, 然后我们可以通过绑定类名的方式指定这一行中的每一列占用多少分 2.Bootstrap栅格系统格式 <容器> <行> <列>我们的内容</列> <列>我们的原创 2021-11-06 10:16:22 · 1364 阅读 · 0 评论 -
Bootstrap容器
1.Bootstrap容器 1.1在Bootstrap中容器是响应式布局的基础, Bootstrap推荐将所有内容都定 义在容器之中 1.2并且容器是启用Bootstrap栅格系统必不可少的前置条件 2. Bootstrap中提供了两个容器: container/container-fluid 2.1container容器(固定容器): 只要给标签添加了container类名, 标签就变成了Bootstrap的container容器 只要这个标签变成了B.原创 2021-11-06 10:03:58 · 1070 阅读 · 0 评论 -
Bootstrap3和4模板
Bootstrap3<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"> <!--可以让部分国产浏览器默认采用高速模式渲染页面--> <meta name="renderer" content="webkit"> <!--为了让 IE 浏览器运行最新的渲染模式下--> <meta http-equiv原创 2021-11-06 09:58:37 · 216 阅读 · 0 评论 -
Bootstrap基础 Bootstrap3和4的区别
1.什么是Bootstrap? Bootstrap 是twitter公司推出的,专门用于开发响应式布局、移动设备优先的 WEB 框架。 Bootstrap当前最新的版本的Bootstrap4, 当下企业使用最多的是Bootstrap3 2.Bootstrap3和4的区别 2.1CSS预处理器不同, Bootstrap3采用Less, Bootstrap4采用SASS 2.2格栅种类不同, Bootstrap3提供4种格栅, Bootstrap4提供5种格栅 .原创 2021-11-06 09:55:26 · 1411 阅读 · 0 评论