非导航NON固定导航栏底部不伸展全宽

时间:2014-06-24 23:18:08

标签: html5 css3 twitter-bootstrap-3 footer navbar

我试图获得底部导航栏,它是反向和非固定的,非导航可以拉伸全宽度以覆盖整个视口......在设计效果方面,它是一个很好的页脚拉伸全宽非固定...

当我在导航栏默认的navbar-inverse navbar-fixed-bottom role = presentation时,它曾经工作过。我试图将div改成行,在导航栏之前设置行...要么我松开全长,要么我松开反向...每次我获得一些东西我都是失去别的东西...... Aaarrrghgh ......我不知道该去哪儿了,而且我没有足够的知识去搞乱媒体属性......任何人都有解决方案吗?非常感谢... Max

<nav class="navbar-default navbar-inverse" role="presentation">
<div class="row">
    <div class="col-md-3">
    <ul>
        <li><strong>Partner Companies:</strong><br>                     
        <a href="http://www.monsoon-zanzibar.com">Monsoon Restaurant</a><br>
        <a href="http://www.kasha-zanzibar.com">Kasha Boutique Hotel</a><br>
        <a href="http://www.konokonozanzibar.com">Konokono Beach Villas</a><br>
        <a href="http://www.tripadvisor.com/Restaurant_Review-g488129-d1218694-Reviews-Livingstone_Beach_Restaurant-Stone_Town_Zanzibar_Zanzibar_Archipelago.html">Livingstone Restaurant</a><br>
        <a href="http://www.theseyyida-zanzibar.com">Seyyida Hotel & Spa</a></li>
        <span><a class="glyphicon-copyright-mark"></a>Copyright SERENE TOURS ZNZ 2014</span>        
    </ul>
    </div>
    <div class="col-md-3">
      <ul>
        <li><strong>Office Tanzania:</strong><br>
        Kenyatta Shangani<br>
        P.O. Box 1370<br>
        Stonetown Zanzibar<br>
        +255242234402 Tel<br>
        +244242234411 Fax<br></li>
      </ul>
 </div>
    <div class="col-md-3">
      <ul>
        <li><strong>US Office:</strong><br>
        250 Gabriel Circle #9<br>
        Sapphire Lakes<br>
        Naples FL US-34104<br>
        +12393008592 Tel<br>
        +12393528777 Fax<br></li>
      </ul>
</div>
<div class="col-md-3">
      <ul>
        <li><strong>Follow us:</strong><br>
    <a href="http://https://www.youtube.com/user/SereneSafariToursZNZ" rel="publisher"><img src="_images/youtube30x30.jpg"> You Tube</a><br>
    <span id="tumblr_button_abc123"></span><br>
    <a href="https://twitter.com/serenesafaris" class="twitter-follow-button" data-show-count="false"></a>
        <a href="http://facebook.com/SereneToursZanzibar"><img src="http://www.socialmediabuttons.com/images/facebook6.gif" title=""></a><br>
    <a href="http://instagram.com/serenesafaristourszanzibar?ref=badge"><img src="_images/instagram.jpg" alt="Instagram"> Instagram</a></li>
  </ul>
</div>
</div>
</nav>

0 个答案:

没有答案