-
好像有错???查看全部
-
导航栏代码查看全部
-
<!DOCTYPE html>在HTML5中 下面三个meta标签比较重要 <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">让IE使用最新的渲染效果 <meta name="viewport" content="width=device-width, initial-scale=1">移动端宽度为设备宽度，缩放比例为1 .text-center 文本居中类 btn btn-primary 按钮类查看全部
-
html5shiv.js 解决ie浏览器对html5支持问题 respond.min.js 解决ie8对css3的media query支持问题 模板改中文 lang="zh-CN"查看全部
-
行row 必须被包含在container容器中查看全部
-
去除文字阴影查看全部
-
感觉按钮对不上啊！查看全部
-
<link herf="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">查看全部
-
Bootstrap中，如何在下拉菜单中实现标题来标明一组动作？ 添加方式为：<li class="dropdown-header">标题名称</li>。查看全部
-
添加.navbar-fixed-top类可以让导航条固定在顶部，固定的导航条会遮住页面上的其它内容， 除非给<body>元素设置padding. 导航条的默认高度是50px, 比如设置： body{padding-top:70px;}查看全部
-
折叠插件collapse 添加.navbar-fixed-top类可以让导航条固定在顶部 可以包含一个.container或.container-fluid容器，从而让导航条居中或者自适应查看全部
-
菜单定位的理解： （1）首先在导航栏中的导航标签要通过锚点关联到某个具体的tab对应的id,然后通过调用tab的方法进行定位打开； 例如： （a）设置tab内容页的id="tab_hanshi"； <div class="tab-content"> <div role="tabpanel" class="tab-pane active" id="tab_hanshi"> ....... </div> </div> （b）设置tab页标题连接的锚点指定到对应的tab上。<a href="#tab_hanshi"....这也是tab默认打开内容页的设置； <ul class="nav nav-tabs" role="tablist" id="tab_list"> <li role="presentation" class="active"> <a href="#tab_hanshi" aria-controls="tab_hanshi" role="tab" data-toggle="tab">风格1</a> </li> </ul> （c）导航菜单设置锚点和tab页的标题连接保持一致，统一指向tab页的id <ul class="dropdown-menu"> <li><a href="#tab_hanshi">风格1</a></li> </ul> （d）编写js脚本内容，调用tab("show")方法； $("#bs-example-navbar-collapse-1 .dropdown-menu a").click(function(){ var $href = $(this).attr("href"); $("#tab_list a[href='"+$href+"']").tab("show"); });查看全部
-
做图片轮播时，在浏览器上显示正常。当缩小窗口时会出现图片和文字不能同时自适应，导致文字内容溢出的现象。这时需要设置媒体查询样式： @media (max-width: 768px) { .carousel { height: 300px; } .carousel .item { height: 300px; } .carousel img { min-height: 300px; } 同时，注意媒体查询样式需要跟在自定义的css样式之后，这样才会起作用。查看全部
-
<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> </nav>查看全部
-
导航条依赖JavaScript，响应式导航条依赖折叠(collapse)插件查看全部
举报
0/150
提交
取消