-
继续学习查看全部
-
很有用查看全部
-
Bootstrap 2 和 3 版本。 2版本对浏览器支持很好，但是因为 兼容性等历史包袱，功能也不够简洁，代码冗余 也逐渐被淘汰 3版本放弃了对IE7 和 firefox 3.X的支持，在IE8 因对css 3 的支持有限 所以效果不佳 Bootstrap 中的JS插件依赖于jQuery，因此jQuery 要在Bootstrap之前引用 BootStrap实例 //BootStrap不支持IE的兼容模式，这条代码是为了让IE中运行最新的渲染模式 <meta http-equiv="X-UA-Compatible" content="IE=edge"> //我们使用的移动浏览器是把页面放在虚拟的视图中，宽度=设备宽度，初始比例为10 <meta name="viewport" content="width=device-width, initial-scale=1"> html5shiv.min.js //使低版本浏览器 支持H5标签 respond.min.js //使低版本浏览器 对媒体查询 进行支持 注意： CSS 放到<head>中 JS 放到<body>底部查看全部
-
css写在head里面，js写在body的最后面查看全部
-
.container或者.container-fluid可以使导航条居中显示查看全部
-
栅格的class在屏幕宽度大于或等于阈值的设备上起作用，并针对小屏幕设备所设置的class覆盖掉。查看全部
-
<ol>。。。导航 <div>内容 <a>切换按钮查看全部
-
通过文本对齐类，可以简单方便的将文字重新对齐，如class="text-center"查看全部
-
导航条是在应用或网站中作为导航页头的响应式基础组件。它在移动设备上可以折叠（并且可开可关），且在视口（viewport）宽度增加时逐渐变为水平展开模式。响应式导航条在移动设备上默认折叠。<br> <br> 通过添加 .navbar-left 和 .navbar-right 工具类让导航链接、表单、按钮或文本对齐。两个类都会通过 CSS 设置特定方向的浮动样式。<br> <br> 添加 .navbar-static-top 类可创建一个与页面等宽度的导航条，随页面向下滚动而消失。<br> <br> 添加 .text-left 和 . text -right 工具类让导航链接、表单、按钮或文本对齐。<br> <br> 在 Bootstrap中，任何下拉菜单中均可通过添加标题来标明一组动作，添加方式为：<li class="dropdown-header">标题名称</li>。查看全部
-
carousel 旋转木马 generic 一般的查看全部
-
通过 data 属性：使用 data 属性可以很容易控制轮播（Carousel）的位置。 属性 data-slide 接受关键字 prev 或 next，用来改变幻灯片相对于当前位置的位置。 使用 data-slide-to 来向轮播床底一个原始滑动索引，data-slide-to="2" 将把滑块移动到一个特定的索引，索引从 0 开始计数。 data-ride="carousel" 属性用于标记轮播在页面加载时就开始动画播放。 通过 JavaScript：轮播（Carousel）可通过 JavaScript 手动调用，如下所示：查看全部
-
Respond.js 是一个快速、轻量的 polyfill，用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width 特性，实现响应式网页设计（Responsive Web Design） respond.min.js IE失效问题 respond.min.js 用于解决 ie6-ie8媒体查询 兼容问题； 1、 需把文件置于服务器上，iis下运行 2、包含媒体查询的 css文件需 采用外链形式 3、头部引用的respond.min.js 需置 于css 文件之后； 4、头部引用的respond.min.js 文件必须放在本html页内，如shtml文件提出公共部分后则无效；查看全部
-
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Bootstrap</title> <link href=" //netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <section > <h1>Hello World</h1> <button class="btn btn-primary">我是按钮，按我一下！</button> </section> <script src=" http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script> <script src=" http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> </body> </html>查看全部
-
<meta name="viewport" content="width=device-width, initial-scale=1"> 1.width指令使用device-width标记可以指示视区宽度应为设备的屏幕宽度。 2.ViewPort <meta>标记用于指定用户是否可以缩放Web页面。 3.initial-scale指令用于设置Web页面的初始缩放比例。 4."指定用户是否可以缩放视区，即缩放Web页面的视图。"是user-scalable指令 ,值为yes时允许用户进行缩放，值为no时不允许缩查看全部
-
用内边距来控制文字<p>在<div>边界中的位置 padding：10px 11px 12px 12px;（上右下左） <div class="col-md-4">样式是没有边框的 可以设置<p>的边框样式 border，这样就会显示包裹文字的边框之间有间隔查看全部
举报
0/150
提交
取消