随笔分类 -  Bootstrap学习总结

摘要:1. 响应式布局 响应式布局是2015年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端,而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。其目的是为用户提欧共更加舒适的界面和更好的用户体验。 2.优缺点 优点: 1) 面对不同分辨率设备灵活性强 2)能够快捷解决 阅读全文
posted @ 2016-09-04 10:42 王硕的小屋 阅读(568) 评论(0) 推荐(0) 编辑
摘要:1 单选框,多选框 1)单选框 单选框(radio)用于从多个选项中只选择一个。设置了 disabled 属性的单选或多选框都能被赋予合适的样式。对于和多选或单选框联合使用的 <label> 标签,如果也希望将悬停于上方的鼠标设置为“禁止点击”的样式,请将 .disabled 类赋予 .radio、 阅读全文
posted @ 2016-09-04 08:10 王硕的小屋 阅读(433) 评论(0) 推荐(0) 编辑
摘要:1 表格 Bootstrap为表格设计了漂亮的样式。 1)表格基本实例 任意 <table> 标签添加 .table。 表格基本实例代码如下: 显示效果如下图所示: 2)条纹状表格 通过 .table-striped 类可以给 <tbody> 之内的每一行增加斑马条纹样式。 显示的效果如下图所示: 阅读全文
posted @ 2016-09-03 14:45 王硕的小屋 阅读(474) 评论(0) 推荐(0) 编辑
摘要:1 显示段落 在HTML中,段落使用p标签包起来,重要的文字使用strong标签,em标签。<em> 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说,这意味着要把这段文字用斜体来显示。而在BootStramp中通过添加 .lead 类可以让段落突出显示。 <h1>标签添加一个.pag 阅读全文
posted @ 2016-09-03 12:08 王硕的小屋 阅读(441) 评论(0) 推荐(0) 编辑
摘要:1 网格布局 Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。 把显示的内容居中,分成三等份显示在同一排 知识点: 1)让显示的内容居中,使用css的class container. container这个类设 阅读全文
posted @ 2016-09-03 08:19 王硕的小屋 阅读(682) 评论(0) 推荐(0) 编辑
摘要:1 下载Bootstrap Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。当前下载的Bootstrap版本为v3.3.7 2 Bootstrap包含的文件 css: Bootstrap最重要的部分,预先设计好的样式文件。 fon 阅读全文
posted @ 2016-09-02 23:39 王硕的小屋 阅读(237) 评论(0) 推荐(0) 编辑
摘要:一按钮的基本样式 Bootstrap提供一组标准的按钮配色和大小调整方案,只需要简单的应用的按钮类即可。BootStrap3提供了按钮的标准样式如图。 按钮类的总结参见表 意义 按钮类 颜色和样式 标准按钮 btn btn-default 白色 主要按钮 btn btn-pri 深蓝色 成功按钮 b 阅读全文
posted @ 2015-08-26 20:02 王硕的小屋 阅读(319) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示

喜欢请打赏

扫描二维码打赏

支付宝打赏