随笔分类 -  移动开发

bootstrap中的居左和居右
摘要：1、pull-left和pull-right 2、text-left、text-center和text-right 阅读全文
posted @ 2016-08-25 13:09 苏羽垄 阅读(28580) 评论(1) 推荐(1)
html中的空白字符问题
摘要：1、当我们想使用百分比来进行两个盒子的并排 代码： 当我们想通过inline-block让两个div来并排，一个战父盒子的80%，一个占20%。可能看起来刚好100%，但是会由于代码中左右两个盒子之间的空白字符会导致右边的盒子掉下来。 2、解决办法 （1）消除空白字符 让左右两个盒子的代码紧密连起来 阅读全文
posted @ 2016-08-25 11:16 苏羽垄 阅读(2057) 评论(0) 推荐(0)
bootstrap建立响应式网站——tab选项卡
摘要：1、bootstrap给我们提供了标签页 细细看了一下bootstrap的标签页源码，对tab选项卡有了更深的理解。其实说来也简单，以前自己写js和css时没有意识到整体的划分。就是分为两部分：一部分是标签页头部，一部分就是标签页展示内容区域。 2、使用bootstrap的自带样式 3、自带样式还是 阅读全文
posted @ 2016-08-22 14:59 苏羽垄 阅读(894) 评论(0) 推荐(0)
使用bootstrap建立响应式网页——头部导航栏
摘要：1、要建立响应式网站的布局，这个时候bootstrap的高级就能体现出来了。 2、先来了解一下bootstrap提供了哪些响应式工具供我们使用： （1）屏幕宽度尺寸的概念： <768px xs 超小屏幕（手机） 768px>= <992px sm 小屏幕（平板） 992px>= <1200px md 阅读全文
posted @ 2016-08-21 18:28 苏羽垄 阅读(4689) 评论(0) 推荐(0)
使用Bootstrap建立网站微金所——头部
摘要：1、微金所链接：http://www.weijinsuo.com/ 2、头部分为：topbar和nav上下两个部分 （1）topbar详解 topbar使用bootstrap的栅格系统 （2）nav分为3部分 如何使用bootstrap快速建立导航栏？从bootstrap中找到导航栏，从简单的开始修 阅读全文
posted @ 2016-08-20 09:28 苏羽垄 阅读(561) 评论(0) 推荐(0)
Bootstrap的文档大概介绍
摘要：1、预置CSS样式 （1）Normalize.css 增强浏览器表现的一致性。 （2）布局容器——版芯：container。 ①.container 类用于固定宽度并支持响应式布局的容器。 宽度大于某个值的时候占据版芯，小于某个值的时候占据100%。 ②.container-fluid 类用于 10 阅读全文
posted @ 2016-08-19 13:43 苏羽垄 阅读(226) 评论(1) 推荐(0)
Bootstrap
摘要：1、他是一个前端流行的框架，他为我们提供了： css、js、一些图标。 2、安装bootstrap 3、基础的bootstrap模板 这三个meta标签必须放到head标签的最前面。 标签的含义： ①设置htnl文档的编码格式 ②viewport——视口：在移动浏览器中，当页面宽度超出设备，浏览器内 阅读全文
posted @ 2016-08-19 13:38 苏羽垄 阅读(210) 评论(0) 推荐(0)