随笔分类 -  Bootstrap

移动web——bootstrap媒体对象
摘要：基本模板 1、这些组件都具有在文本内容的左或右侧对齐的图片（就像博客评论或 Twitter 消息等） 基本使用 阅读全文
posted @ 2018-01-16 14:26 var_obj
移动web——bootstrap如何修改原组件
摘要：基本介绍 1、bootstrap提供了丰富的组件，但是有时候我们不仅要删除不必要的标签，还需要修改里面的样式 2、我们建议若是修改样式那么最好将源样式从css中拷贝出来，名字换掉，然后修改具体样式，这样不会破坏原css中的样式，而且不怕繁杂的嵌套关系，万无一失 基本使用 1、将原css样式复制出来然 阅读全文
posted @ 2018-01-16 13:48 var_obj
移动web——bootstrap响应式轮播图
摘要：基本介绍 1、bootstrap有轮播图的模板，我们只需要改动下就行。 2、这里我们将介绍桌面版本和移动版本最后是综合版本 桌面版本 1、这里的图片设置是有窍门的，不再去添加img标签，而是作为a标签的背景图片 2、背景图片的设置必须是两边很长，中间是内容，设置cover，居中 移动版本 1、移动版 阅读全文
posted @ 2018-01-16 12:47 var_obj
移动web——bootstrap响应式工具
摘要：基本介绍 1、利用媒体查询功能并使用这些工具类可以方便的针对不同设备展示或隐藏页面内容。 基本使用 当屏幕小于768px就会隐藏列表 阅读全文
posted @ 2018-01-15 15:21 var_obj
移动web——bootstrap栅格系统
摘要：基本简介 1、Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列 2、栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局 3、“行（row）”必须包含在 .container （固定宽度） 阅读全文
posted @ 2018-01-15 15:14 var_obj
移动web——bootstrap模板
摘要：基本概念 1、bootstrap就是在媒体查询技术出现以后才开始出现的 2、此技术使响应式开发变得十分轻松，最大特点就是栅格系统（什么设备上如何显示）以及响应式工具（是否可见） 基本模板 阅读全文
posted @ 2018-01-15 14:24 var_obj