-
在任何下拉菜单中均可通过添加标题来标明一组动作,添加方式为:<li class="dropdown-header">标题名称</li>。查看全部
-
<li class="divider"></li>可以添加分割线。查看全部
-
响应式导航条依赖折叠collapse插件,在移动设备上可以折叠,在viewport宽度增加时逐渐变为水平展开模式查看全部
-
给body的padding设置为70px,这样可以使内容不会被导航条遮住,又不会紧紧顶住导航条查看全部
-
tab查看全部
-
案例: 首先要准备素材:文字、图片 下载bootstrap框架,js需要新增下载几个文件: 1、html5shiv.js 解决ie对html5的支持 2、jquery-1.11.1.min.js 3、respond.min.js 解决ie8对css3媒体查询的支持 4、jquery-1.11.1.min.map 将HTML文档保存在bootstrap-dist中,与框架内容在同一文件夹中方便引用。 可直接拷贝bootstrap官网中的标准基本代码,将语言改为中文zh-CN,修改引用bootstrap的路径,因为已经下载到本地了,与本地路径保持一致查看全部
-
bootstrap是移动设备优先的,它针对移动设备的样式融合进了框架的每个角落 初始化框架使用的是Normalize.css 栅格结构(grid system) 栅格布局中所有的行必须放在class为container的容器中. 通过一系列的行(row)与列(column)的组合来创建页面布局, 自动分为最多12列,内容在列中. 栅格的class在屏幕宽度大于或等于阈值的设备上起作用,并针对小屏幕设备所设置的class覆盖掉 对所有按钮外部加上<div class="btn-group">后所有按钮会成为按钮组,bootstrap会自动为第一个及最后一个加圆角,这些按钮会连在一块。按钮的功能的实现可用js插件 js插件包括了所有jqury,可一次引入所有插件,也可单个引入查看全部
-
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 库引用地址: 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.js查看全部
-
标签页的用法查看全部
-
素材准备:js需要新增下载几个文件 1、html5shiv.js 解决ie对html5的支持 2、jquery-1.11.1.min.js 3、respond.min.js 解决ie8对css3媒体查询的支持 4、jquery-1.11.1.min.map查看全部
-
栅格系统查看全部
-
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.js查看全部
-
轮播全代码查看全部
-
导航条依赖组件查看全部
-
在<style>标签内添加注释导致css不生效不知为何?查看全部
举报
0/150
提交
取消