WhiteSpace

2019年4月15日

摘要：标签页注意 .nav-tabs 类依赖 .nav 基类。胶囊式标签页 HTML 标记相同，但使用 .nav-pills 类：胶囊是标签页也是可以垂直方向堆叠排列的。只需添加 .nav-stacked 类。阅读全文

posted @ 2019-04-15 15:03 WhiteSpace 阅读(192) 评论(0) 推荐(0) 编辑

摘要：通过在文本输入框 <input> 前面、后面或是两边加上文字或按钮，可以实现对表单控件的扩展。为 .input-group 赋予 .input-group-addon 或 .input-group-btn 类，可以给 .form-control 的前面或后面添加额外的元素。也可以在span中放入一阅读全文

posted @ 2019-04-15 14:22 WhiteSpace 阅读(389) 评论(0) 推荐(0) 编辑

组件--下拉菜单

摘要：将下拉菜单触发器和下拉菜单都包裹在 .dropdown 里，或者另一个声明了 position: relative; 的元素。然后加入组成菜单的 HTML 代码。阅读全文

posted @ 2019-04-15 11:36 WhiteSpace 阅读(842) 评论(0) 推荐(0) 编辑

2019年4月11日

排版-按钮

摘要：按钮可作为按钮使用的标签或元素为 <a>、<button> 或 <input> 元素添加按钮类（button class）即可使用 Bootstrap 提供的样式。尺寸需要让按钮具有不同尺寸吗？使用 .btn-lg、.btn-sm 或 .btn-xs 就可以获得不同尺寸的按钮。阅读全文

posted @ 2019-04-11 15:51 WhiteSpace 阅读(440) 评论(0) 推荐(0) 编辑

排版-表单

摘要：单独的表单控件会被自动赋予一些全局样式。所有设置了 .form-control 类的 <input>、<textarea> 和 <select> 元素都将被默认设置宽度属性为 width: 100%;。将 label 元素和前面提到的控件包裹在 .form-group中可以获得最好的排列。内联表阅读全文

posted @ 2019-04-11 12:46 WhiteSpace 阅读(513) 评论(0) 推荐(0) 编辑

排版-标题及table

摘要：排版-标题在标题中还可以包含small标签，可以用来标记副标题副标题灰色，比主标题小 <h1>我是标题 <small>我是小标题</small></h1> 页面主体 Bootstrap 将全局 font-size 设置为 14px，line-height 设置为 1.428。这些属性直接赋予 < 阅读全文

posted @ 2019-04-11 11:24 WhiteSpace 阅读(1182) 评论(0) 推荐(0) 编辑

栅格系统

摘要：简介栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的内容就可以放入这些创建好的布局中。下面就介绍一下 Bootstrap 栅格系统的工作原理： “行（row）”必须包含在 .container （固定宽度）或 .container-fluid （100% 宽度）中阅读全文

posted @ 2019-04-11 09:13 WhiteSpace 阅读(982) 评论(0) 推荐(0) 编辑

布局容器

摘要： bootstrap需要为页面和栅格系统包裹一个.container容器。我们提供了两个作为用处的类。注意由于pidding等属性的原因这两种容器不能相互嵌套。 .container类用于固定宽度并支持响应式布局容器 .container-fluid 类用于 100% 宽度，占据全部视口（viewpo 阅读全文

posted @ 2019-04-11 09:00 WhiteSpace 阅读(471) 评论(0) 推荐(0) 编辑

2019年4月10日

Jquery插件的使用及制作插件

摘要：常用插件插件：jquery不可能包含所有的功能，我们可以通过插件扩展jquery的功能。 jQuery有着丰富的插件，使用这些插件能给jQuery提供一些额外的功能。 jquery.color.js animate不支持颜色的渐变，但是使用了jquery.color.js后，就可以支持颜色的渐变了阅读全文

posted @ 2019-04-10 10:43 WhiteSpace 阅读(330) 评论(0) 推荐(0) 编辑

2019年4月8日

jQuery补充知识点

摘要：链式编程通常情况下，只有设置操作才能把链式变成延续下去。因为获取操作的时候，会返回获取到的响应的值，无法反对jQuery对象。 //end(); 筛选选择器会改变jQuery对象的DOM对象，想要回复制到上一次的状态，并且返回匹配元素之前的状态。 each方法 Jquery的隐士迭代会对所有的D 阅读全文

posted @ 2019-04-08 11:12 WhiteSpace 阅读(107) 评论(0) 推荐(0) 编辑

公告