摘要: 图片 响应式图片 在 Bootstrap 版本 3 中,通过为图片添加 .img-responsive 类可以让图片支持响应式布局。其实质是为图片设置了 max-width: 100%;、 height: auto; 和 display: block; 属性,从而让图片在其父元素中更好的缩放。 如果 阅读全文
posted @ 2018-12-13 17:58 吃药 阅读(163) 评论(0) 推荐(0) 编辑
摘要: 基本实例 单独的表单控件会被自动赋予一些全局样式。所有设置了 .form-control 类的 <input>、<textarea> 和 <select> 元素都将被默认设置宽度属性为 width: 100%;。 将 label 元素和前面提到的控件包裹在 .form-group 中可以获得最好的排 阅读全文
posted @ 2018-12-13 17:40 吃药 阅读(297) 评论(0) 推荐(0) 编辑
摘要: 对比下 不用Bootstrap是怎么样的 用了: 页面主体 页面主体 Bootstrap 将全局 font-size 设置为 14px,line-height 设置为 1.428。这些属性直接赋予 <body> 元素和所有段落元素。另外,<p> (段落)元素还被设置了等于 1/2 行高(即 10px 阅读全文
posted @ 2018-12-13 04:34 吃药 阅读(253) 评论(0) 推荐(0) 编辑
摘要: 首先,在Bootstrap官网下载得到其代码,并引入css和js 然后开始学习 首先是布局容器,官方提供了两个布局容器,分别是 其中container是旁边带有margin内容居中的容器 而container-fluid是不带margin的容器 栅格式布局 Bootstrap 提供了一套响应式、移动 阅读全文
posted @ 2018-12-13 03:39 吃药 阅读(272) 评论(0) 推荐(0) 编辑