大佬教程收集整理的这篇文章主要介绍了twitter-bootstrap – 引导导航栏对齐想要对齐对齐,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我究竟做错了什么?
码:
<div class="row"> <div class="span3 top_logo"><img src="images/logo_svart.png" width="177" height="60" alt="BETA Team PerfoRMANce" /></div> <div class="span9"> <div class="navbar navbar-static-top"> <div class="navbar-inner"> <div class="container"> <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"><strong>MENY <i class="icon-chevron-down icon-white"></i></strong> </button> <div class="nav-collapse collapse"> <ul class="nav pull-right"> <li class="active"><a href="#">Start</a></li> ... </ul> </div> </div> </div> </div> </div> </div>
Jsfiddle与基本样机See in browser
所以你必须提供一些数字来看,如下所示:
.navbar .nav.pull-right { float: right; margin-right: 98px; /*set margin this way in your custom styesheet*/ }
<div class="conaTiner"> <div class="row-fluid"> <div class="span2 top_logo"> <img width="177" height="60" alt="BETA Team PerfoRMANce" src="http://placehold.it/177x60"> </div> <div class="span10"> <div class="navbar navbar-static-top"> <div class="navbar-inner"> <div class="container"> <!-- .btn-navbar is used as the toggle for collapsed navbar content --> <button data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar" type="button"><strong>MENY <i class="icon-chevron-down icon-white"></i></strong> </button> <!-- Everything you want hidden at 940px or less,place within here --> <div class="nav-collapse collapse "> <!-- .nav,.navbar-search,.navbar-form,etc --> <ul class="nav pull-right"> <li class="active"><a href="#">Home</a> </li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> </ul> </div> </div> </div> </div> </div> </div> </div>
以上是大佬教程为你收集整理的twitter-bootstrap – 引导导航栏对齐想要对齐对齐全部内容,希望文章能够帮你解决twitter-bootstrap – 引导导航栏对齐想要对齐对齐所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。