-
下拉菜单中分割线 class=divider查看全部
-
navbar-static-top类创建一个与页面等宽度的导航条，随页面向下滚动面消失 navbar-inverse改变导航外观 navbar-fixed-bottom导航条固定在底部查看全部
-
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>//使低版本浏览器支持H5标签 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>//使低版本浏览器对媒体查询进行支持查看全部
-
//BootStrap不支持IE的兼容模式，这条代码是为了让IE中运行最新的渲染模式 <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1">初始化移动浏览器显示 html5shiv.min.js //使低版本浏览器 支持H5标签 respond.min.js //使低版本浏览器 对媒体查询 进行支持 1.css要放在<head>...</head>中； 2.js要放在<body>...</body>最后面查看全部
-
下惺惺惜惺惺查看全部
-
点点滴滴查看全部
-
导航条代码图查看全部
-
选择器需要是 a元素，不能是其父元素li 如要选取某一个指定标签页，例: // 选取第二个标签页（从 0 开始索引）查看全部
-
<script> $(function(){ $('#feature-tab a[href=#tab-two]').tab('show'); }); </script>查看全部
-
<html lang="zh-cn"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Hello World</title>查看全部
-
库引用地址: bootstrap框架: //netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css jquery库: http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js bootstrap.min.js：http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.j查看全部
-
1.添加 .navbar-fixed-bottom 类可以让导航条固定在底部 2.添加 .navbar-static-top 类可创建一个与页面等宽度的导航条，随页面向下滚动而消失 3.通过添加 .navbar-inverse 类可以改变导航条的外观。 4.应该是通过添加 .navbar-left 和 .navbar-right 工具类让导航链接、表单、按钮或文本对齐。两个类都会通过 CSS 设置特定方向的浮动样式。查看全部
-
Bootstrap是移动设备优先的，它针对移动设备的样式融合进了框架的每个角落，使得只需要通过简单的编码，便可以实现漂亮的响应式布局。 初始化框架使用的是Normalize.css 栅格结构(grid system) 栅格布局中所有的行必须放在class为container的容器中. 通过一系列的行（row）与列（column）的组合来创建页面布局, 自动分为最多12列,内容在列中. 栅格的class在屏幕宽度大于或等于阈值的设备上起作用，并针对小屏幕设备所设置的class覆盖掉 对所有按钮外部加上<div class="btn-group">后所有按钮会成为按钮组，bootstrap会自动为第一个及最后一个加圆角，这些按钮会连在一块。按钮的功能的实现可用js插件 js插件包括了所有jqury，可一次引入所有插件，也可单个引入。 第一以及最后一个元素设置负的margin，抵消掉影响。 Tooltip插件--鼠标放上就可显示相关提示内容。 工具提示（Tooltip）插件不像之前所讨论的下拉菜单及其他插件那样，它不是纯 CSS 插件。如需使用该插件，您必须使用 jquery 激活它（读取 javascript）。使用下面的脚本来启用页面中的所有的工具提示（tooltip）： jquery引入位置得在bootstrap.js的前面 <br> <div class="btn-group"> <button class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left" >Tooltip on left</button> <button class="btn btn-default" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button> 。。。 </div>查看全部
-
注意 使用 .col-md-offset-* 类可以将列向右侧偏移。这些类实际是通过使用 * 选择器为当前元素增加了左侧的边距（margin）。例如，.col-md-offset-4 类将 .col-md-4 元素向右侧偏移了4个列（column）的宽度。 使用什么样的类前缀，此例子应该使用 .col-md-* 给p添加样式，加边框和padding查看全部
-
<div class="text-center"> <h1>Hello World!</h1> <button type="button" class="btn btn-primary">我是按钮，按我一下</button> </div> <h1 class="text-center">Hello World!</h1> <button type="button" class="center-block btn btn-primary">我是按钮，按我一下</button>查看全部
举报
0/150
提交
取消