-
在 Bootstrap中,任何下拉菜单中均可通过添加标题来标明一组动作,添加方式为:<li class="dropdown-header">标题名称</li>。查看全部
-
通过添加 .navbar-left 和 .navbar-right 工具类让导航链接、表单、按钮或文本对齐。两个类都会通过 CSS 设置特定方向的浮动样式。 Bootstrap中<li class="divider"></li>可以添加分割线。查看全部
-
仅通过data属性API就能使用所有bt插件 以下为:下拉菜单代码 <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">特点</a> <ul class="dropdown-menu" role=" menu"> <li><a href="#">action</a></li> <li><a href="#">action</a></li> <li><a href="#">action</a></li> <li class-"divider"><a href="#">action</a></li> <li><a href="#">action</a></li> </ul> </li>查看全部
-
navbar-fixed-top类 可以让导航条固定顶部,固定的导航条会遮住页面上的其它内容, 除非给<body>元素设置padding. 导航条的默认高度是50px, 比如设置: body{padding-top:70px;} navbar-inverse类:黑底白字查看全部
-
默认折叠式导航代码: <nav class="navbar navbar-default" role="navigation"> <div class="container-fluid"> <div classs="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">Brand</a> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </div> </div>查看全部
-
导航条依赖js,响应式导航条依赖折叠(collapse)插件 如果引入的是bootstrap.min.js则无需在意 如果引入的是具体的js插件,那么需要注意调用collapse插件查看全部
-
1、明确需求 2、 素材收集(文字、图片等); 下载bootstrap框架,js需要新增下载几个文件: 》html5shiv.js 解决ie对html5的支持 》jquery-1.11.1.min.js 》respond.min.js 解决ie8对css3媒体查询的支持 》jquery-1.11.1.min.map 将HTML文档保存在bootstrap-dist中,与框架内容在同一文件夹中方便引用。查看全部
-
定制bt查看全部
-
data属性查看全部
-
bt中的组件查看全部
-
栅格的class在屏幕宽度大于或等于阈值的设备上起作用并针对小屏幕设备所设置的class覆盖掉查看全部
-
bt核心内容: grid system 移动设备优先的流式栅格系统, 通过一系列的行和列组合创建页面布局,页面内容放入创建好的布局中 工作原理: 行必须包含在container容器中 行在水平方向中组建一组列,并且只有列可以作为行的直接子元素 内容放置与列中, padding设置列间间隔,为第一和最后一列设置负值margin来抵消padding的影响 1-12表示跨越的范围查看全部
-
bt自带了一系列漂亮的css样式 覆盖了:排版、表格、表单、按钮、图片等web页面设计中常用的元素查看全部
-
class: text-center --设置文本居中 btn --按钮样式定义 btn-primary --蓝色按钮定义查看全部
-
width=device-width:指视区宽度设置为设备屏幕宽度 initial-scale=1 :设置web页面的初始缩放比例为1,即不缩放 user-scalable :指定用户是否可以缩放视区即缩放web页面的视图查看全部
举报
0/150
提交
取消