-
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link href=" //netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"> <title>Hello World</title> </head> <body> <h1 class="text-center">Hello World</h1> <div class="text-center"><button class="btn btn-primary">我是按钮，按我一下！</button></div> <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>查看全部
-
先在<head>里面放bootstrap.css，然后把jquery.js和bootstrap.js放在<body>最后面查看全部
-
bootstrap依赖jquery,所以必须先引入jquery文件，再引进bootstrap文件查看全部
-
bootstrap官网路径<link rel="stylesheet" href="//"/>查看全部
-
<nav class="navbar navbar-default" role="navigation"> <div class="container-fluid"> <div class="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="#">Band</a> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collape-1"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> <div> </div> </nav>查看全部
-
给字体设置样式查看全部
-
图片设置100%，填满查看全部
-
限制banner的宽高查看全部
-
.navbar-fixed-top将导航条固定在顶部 container-fluid是自适应布局（宽屏）、container是居中，固定宽的布局查看全部
-
.navedbar-fixed-top将导航条固定在顶部查看全部
-
<nav class="navbar navbar-inverse" role="navigation" >黑色 导航条查看全部
-
选择器需要是 a元素，不能是其父元素li 如要选取某一个指定标签页，例: // 选取第二个标签页（从 0 开始索引） $('#myTab li:eq(1) a').tab('show')查看全部
-
标签页查看全部
-
标签页查看全部
-
栅格系统布局查看全部
举报
0/150
提交
取消