![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Bootstrap
奋斗猿。。。
这个作者很懒,什么都没留下…
展开
-
Bootstrap笔记--------网格系统
网格系统的实现原理非常简单,仅仅是通过定义容器大小,平分12份(也有平分成24份或32份,但12份是最常见的),再调整内外边距,最后结合媒体查询,就制作出了强大的响应式网格系统。Bootstrap框架中的网格系统就是将容器平分成12份。 数据行(.row)必须包含在容器(.container)中,以便为其赋予合适的对齐方式和内距(padding) 在行(.row)中可以添加列(.column),但列数之和不能超过平分的总列数,比如12。 通过设置内距(padding)从而创建列与列之间的间距。然后通过为第原创 2020-09-21 18:06:57 · 172 阅读 · 0 评论 -
Bootstrap笔记--------表单
表单 <form role="form"> 基础表单 <form class="form-horizontal" role="form"> 水平表单 <form class="form-inline" role="form"> 内联表单 .form-group 通常将一组控件放在该类里,设置下边距 单行输入框 <input type="email" class="form-control" placeholder="Enter email"> type类型原创 2020-08-27 16:57:55 · 138 阅读 · 0 评论 -
Bootstrap笔记--------排版
排版 <small> 可用于副标题,文本字体在h1-h3内,其大小都设置为当前字号的65%;而在h4~h6内的字号都设置为当前字号的75%; .lead 段落突出显示,增大文本字号,加粗文本,而且对行高和margin也做相应的处理,类似还有<strong>/<b>(粗体) <em>/<i>(斜体) <cite> 颜色强调 .text-muted:提示,使用浅灰色(#999) .text-primary:主要,使用蓝色(#428bca)原创 2020-08-11 09:34:09 · 264 阅读 · 0 评论