在调整浏览器窗口大小时,如何阻止导航栏变形

时间:2018-04-09 16:27:10

标签: html css twitter-bootstrap resize navbar

我的网站有问题,无论窗口大小如何,我希望它保持相同的宽度和高度,我设法用几乎全身但导航栏来做。 FULL SIZE

SMALL SIZE

到目前为止,我要调整大小的代码看起来像这样:

<div style="min-width: 960px; margin: 0 auto;">

我正在使用bootstrap 3,我的导航栏类:

<nav  id="navbar1" class="jumbotron navbar navbar-default ">

很抱歉,如果我问一些明显的事情,但我已经学习了网络开发一个月左右。 编辑:我的导航栏代码

  <nav  id="navbar1" class="jumbotron navbar navbar-default ">
  <div class="container-fluid col-lg-12 col-sm-12 boxy col-xs-12">
    <div class="navbar-header">


      <a id="znacka" class="navbar-brand" href="#"><strong> PIZZA NICK'S</strong> </a>
    </div>

    <div>
      <ul  class="nav navbar-nav">
        <li id="polozka_navbar" ><a href="#">Pizza</a></li>
        <li id="polozka_navbar"><a href="#">Cestoviny</a></li>
        <li id="polozka_navbar"><a href="#">Galéria</a></li>
      </ul>

      <form  align = 'right'>
      <button  id="facebook" class="btn btn-primary" onclick=" window.open('https://www.facebook.com/pizzanickstopolcany/','_blank')">Facebook</button>
      </form>
        <div align = 'right' id="cisla">
          <table>
            <thead>
              <p> Volajte hneď teraz! <br>0917 711 216 || 0948 218 886 </p>
            </thead>
          </table>

        </div>
 </nav>

非常感谢你。

0 个答案:

没有答案