上一页 1 2 3 4 5 6 7 8 ··· 19 下一页
2021年9月27日
Bootstrap-v3-组件-Glyphicons 字体图标
摘要： Glyphicons 字体图标 1、所有可用的图标 进入https://v3.bootcss.com/components/ 查看对应的图标。 2、图标的用法 2.1 单独使用 <!-- 图标 基本用法 --> <span class="glyphicon glyphicon-user"></spa 阅读全文
posted @ 2021-09-27 14:09 AnnLing 阅读(338) 评论(0) 推荐(0) 编辑
Bootstrap-v3-css样式-图片
摘要： 图片 1、响应式图片 在 Bootstrap 版本 3 中，通过为图片添加 .img-responsive 类可以让图片支持响应式布局。其实质是为图片设置了 max-width: 100%;、 height: auto; 和 display: block; 属性，从而让图片在其父元素中更好的缩放。 阅读全文
posted @ 2021-09-27 10:44 AnnLing 阅读(79) 评论(0) 推荐(0) 编辑
Bootstrap-v3-css样式-按钮
摘要： 按钮 1、可作为按钮使用的标签或元素 为 <a>、<button> 或 <input> 元素添加按钮类（button class）即可使用 Bootstrap 提供的样式。 <!-- 可作为按钮使用的标签或元素 --> <a class="btn btn-default" href="#" role 阅读全文
posted @ 2021-09-27 10:41 AnnLing 阅读(167) 评论(0) 推荐(0) 编辑
2021年9月26日
Bootstrap-v3-css样式-表单
摘要： 表单 1、基本实例 单独的表单控件会被自动赋予一些全局样式。所有设置了 .form-control 类的 <input>、<textarea> 和 <select> 元素都将被默认设置宽度属性为 width: 100%;。 将 label 元素和前面提到的控件包裹在 .form-group 中可以获 阅读全文
posted @ 2021-09-26 15:53 AnnLing 阅读(211) 评论(0) 推荐(0) 编辑
Bootstrap-v3-css样式-表格
摘要： 表格 1、基本表格 为任意 <table> 标签添加 .table 类可以为其赋予基本的样式 — 少量的内补（padding）和水平方向的分隔线。这种方式看起来很多余！？但是我们觉得，表格元素使用的很广泛，如果我们为其赋予默认样式可能会影响例如日历和日期选择之类的插件，所以我们选择将此样式独立出来。 阅读全文
posted @ 2021-09-26 15:45 AnnLing 阅读(344) 评论(0) 推荐(0) 编辑
Bootstrap-v3-css样式-代码
摘要： 代码 1、内联代码 通过 <code> 标签包裹内联样式的代码片段。 For example, <code>&lt;section&gt;</code> should be wrapped as inline. 2、用户输入 通过 <kbd> 标签标记用户通过键盘输入的内容。 To switch d 阅读全文
posted @ 2021-09-26 15:18 AnnLing 阅读(62) 评论(0) 推荐(0) 编辑
Bootstrap-v3-css样式-排版
摘要： 排版 1、标题 HTML 中的所有标题标签，<h1> 到 <h6> 均可使用。另外，还提供了 .h1 到 .h6 类，为的是给内联（inline）属性的文本赋予标题的样式。 <h4>标题</h4> <!-- 常规标题 --> <h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题< 阅读全文
posted @ 2021-09-26 15:05 AnnLing 阅读(173) 评论(0) 推荐(0) 编辑
Bootstrap-v3-css样式-删格系统
摘要： 栅格系统 Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义类，还有强大的mixin 用于生成更具语义的布局。 1、简介 栅格系统用于通过一系列的行（row）与列（column）的组合来创 阅读全文
posted @ 2021-09-26 13:53 AnnLing 阅读(147) 评论(0) 推荐(0) 编辑
Bootstrap-v3-css样式-概览
摘要： 1、HTML5 文档类型 Bootstrap 使用到的某些 HTML 元素和 CSS 属性需要将页面设置为 HTML5 文档类型。在你项目中的每个页面都要参照下面的格式进行设置。 <!doctype html> <html lang="en"> ... </html> 2、移动设备优先 为了确保适当 阅读全文
posted @ 2021-09-26 11:14 AnnLing 阅读(44) 评论(0) 推荐(0) 编辑
Bootstrap-v3-下载
摘要： 一、下载Bootstrap Bootstrap （当前版本 v3.4.1）提供以下几种方式帮你快速上手，每一种方式针对具有不同技能等级的开发者和不同的使用场景。 1、BootstrapCDN 通过cdn直接引入bootstrap的css和js核心文件（同时还需要引入jquery核心js文件，因为bo 阅读全文
posted @ 2021-09-26 11:07 AnnLing 阅读(576) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 8 ··· 19 下一页