BootStrap
文章平均质量分 79
吴声子夜歌
个人学习记录
展开
-
BootStrap3--图片样式、形状
响应式图片 在 Bootstrap 版本 3 中,通过为图片添加 .img-responsive 类可以让图片支持响应式布局。其实质是为图片设置了 max-width: 100%;、 height: auto; 和 display: block; 属性,从而让图片在其父元素中更好的缩放。 如果需要让使用了 .img-responsive 类的图片水平居中,请使用 .center-block 类,不...原创 2019-11-22 10:06:24 · 334 阅读 · 0 评论 -
BootStrap3--全局CSS之表单
表单 基本实例 单独的表单控件会被自动赋予一些全局样式。所有设置了 .form-control 类的 <input>、<textarea> 和 <select> 元素都将被默认设置宽度属性为 width: 100%;。 将 label 元素和前面提到的控件包裹在 .form-group 中可以获得最好的排列。 <form> <d...原创 2019-11-22 10:01:02 · 343 阅读 · 0 评论 -
BootStrap3--全局CSS之表格
表格 基本实例 为任意 <table> 标签添加 .table 类可以为其赋予基本的样式 — 少量的内补(padding)和水平方向的分隔线。 Optional table caption. # First Name Last Name ...原创 2019-11-22 08:58:26 · 391 阅读 · 0 评论 -
Bootstrap3--全局CSS之按钮
按钮 为 <a>、<button> 或 <input> 元素添加按钮类(button class)即可使用 Bootstrap 提供的样式。 <a class="btn btn-default" href="#" role="button">Link</a> <button class="btn btn-default" ...原创 2019-11-22 08:34:35 · 398 阅读 · 0 评论