<!DOCTYPE html><html>? <head>? ? <meta charset="utf-8">? ? <meta http-equiv="X-UA-Compatible" content="IE=edge">? ? <meta name="viewport" content="width=device-width, initial-scale=1">? ? <!-- 上述3個(gè)meta標(biāo)簽*必須*放在最前面，任何其他內(nèi)容都*必須*跟隨其后！ -->? ? <title>Bootstrap 101 Template</title>? ? <!-- Bootstrap -->? ? <link href="css/bootstrap.min.css" rel="stylesheet">? ? <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->? ? <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->? ? <!--[if lt IE 9]>? ? ? <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>? ? ? <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>? ? <![endif]-->? ? <link href="css/diban.css" rel="stylesheet">? ??? </head>? <body>? ? <div>? ? ? <h1><img style="margin-left:5%" src="images/logo.png"> <small style="margin-right:5%;color:#c41723;">Service hotline：400-1234-5678</small></h1>? ? </div>? ? <nav class="navbar navbar-inverse" role="navigation">? ?<div>? ? ?<!-- Brand and toggle get grouped for better mobile display -->? ? ?<div>? ? ? ?<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">? ? ? ? ?<span>Toggle navigation</span>? ? ? ? ?<span></span>? ? ? ? ?<span></span>? ? ? ? <span></span>? ? ? ?</button>? ? ? ?<a href="#">Brand</a>? ? ?</div>? ? ?<!-- Collect the nav links, forms, and other content for toggling -->? ? ?<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">? ? ? ?<ul class="nav navbar-nav">? ? ? ? ?<li><a href="#">BRANDS<span>(current)</span></a></li>? ? ? ? ?<li>? ? ? ? ? ?<a href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">FLOOR TYPES & ACCESSORIES <span></span></a>? ? ? ? ? ?<ul>? ? ? ? ? ? ?<li><a href="#">Action</a></li>? ? ? ? ? ? ?<li><a href="#">Another action</a></li>? ? ? ? ? ? ?<li><a href="#">Something else here</a></li>? ? ? ? ? ? ?<li><a href="#">Separated link</a></li>? ? ? ? ? ? ?<li><a href="#">One more separated link</a></li>? ? ? ? ? ?</ul>? ? ? ? ?</li>? ? ? ? ?<li>? ? ? ? ? ?<a href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">STAIRS <span></span></a>? ? ? ? ? ?<ul>? ? ? ? ? ? ?<li><a href="#">Action</a></li>? ? ? ? ? ? ?<li><a href="#">Another action</a></li>? ? ? ? ? ? ?<li><a href="#">Something else here</a></li>? ? ? ? ? ? ?<li><a href="#">Separated link</a></li>? ? ? ? ? ? ?<li><a href="#">One more separated link</a></li>? ? ? ? ? ?</ul>? ? ? ? ?</li>? ? ? ? ?<li><a href="#">INSTALLATION</a></li>? ? ? ? ?<li><a href="#">GALLERY</a></li>? ? ? ? ?<li><a href="#">CONTACT US</a></li>? ? ? ?</ul>? ? ?</div><!-- /.navbar-collapse -->? ?</div><!-- /.container-fluid --></nav>? ? <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->? ? <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>? ? <!-- Include all compiled plugins (below), or include individual files as needed -->? ? <script src="js/bootstrap.min.js"></script>? </body></html>
BootStrap導(dǎo)航欄手機(jī)端的那個(gè)按鈕為什么點(diǎn)了沒反應(yīng)？
慕標(biāo)1401327
2017-04-26 16:29:42
