
bootstrap
Class雷
初学者!大家多多关照... : P
展开
-
2. bootstrap 栅格系统
栅格系统思维导图栅格参数通过下表可以详细查看 Bootstrap 的栅格系统是如何在多种屏幕设备上工作的。 超小屏幕 手机 (<768px) 小屏幕 平板 (≥768px) 中等屏幕 桌面显示器 (≥992px) 大屏幕 大桌面显示器 (≥1200px) 栅格系统行为 总是水平排列 开始是堆叠在一起的,当大于这些阈值时将变为水平排...原创 2018-07-29 15:21:06 · 304 阅读 · 0 评论 -
1. bootstrap 起步
https://v3.bootcss.com/起步本地导入<meta charset="utf-8"> <!-- 自适应设备大小 根据宽度自适应:width=device-width 缩放比:initial-scale=1--> <meta name="viewport" content="width=device-width, initial-sc...原创 2018-07-29 15:23:35 · 218 阅读 · 0 评论 -
3. bootstrap 排版
一下内容大部分引用https://v3.bootcss.com/css/#type-alignment排版标题 页面主体 内联文本元素 对齐 改变大小写 缩略语 地址 引用 列表标题HTML 中的所有标题标签,<h1> 到 <h6> 均可使用。另外,还提供了 .h1 到 .h6 类,为的是给内联(inline)属性的文本赋予标题的样式。 ...转载 2018-07-29 15:59:24 · 230 阅读 · 0 评论 -
4. bootstrap 列表 和 代码
列表<div class="container"> <div class="row"> <div class="col-lg-12"> <ul> <li>中国</li> <li>美国</原创 2018-07-29 16:28:42 · 637 阅读 · 0 评论 -
5 bootstrap 表格
表格基本实例为任意 <table> 标签添加 .table 类可以为其赋予基本的样式 — 少量的内补(padding)和水平方向的分隔线。这种方式看起来很多余!?但是我们觉得,表格元素使用的很广泛,如果我们为其赋予默认样式可能会影响例如日历和日期选择之类的插件,所以我们选择将此样式独立出来。Optional table caption. # First Name ...转载 2018-07-29 17:14:05 · 192 阅读 · 0 评论 -
6. bootstrap 表单
表单样式1.普通表单单独的表单控件会被自动赋予一些全局样式。所有设置了 .form-control 类的 <input>、<textarea> 和 <select> 元素都将被默认设置宽度属性为 width: 100%;。 将 label 元素和前面提到的控件包裹在 .form-group中可以获得最好的排列。2.内联表单为 <for...原创 2018-07-29 17:42:32 · 301 阅读 · 0 评论