固定大小的bootstrap导航栏和图像

时间:2016-04-27 08:04:07

标签: css html5 twitter-bootstrap

<div class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <div class="navbar-brand"><img src="../images/logo.png" class="logo"></div>
        <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        </button>
        <div class="collapse navbar-collapse navHeaderCollapse">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">ABOUT</a></li>
                <li><a href="#">SOFTWARE &amp; WEB DEVELOPMENT</a></li>
                <li><a href="#">GAME DEVELOPMENT</a></li>
                <li><a href="#">ARTS &amp; DESIGNS</a></li>
                <li><a href="#">CONTACT US</a></li>
            </ul>
        </div>
    </div>
</div>

我需要帮助我的bootstrap导航栏,每当我最小化或最大化我的网页时,我制作的导航栏标题会不断调整大小。我应该添加和/或更改哪些代码以使大小一致?附:如果窗口尺寸很小,我的图像也不会调整大小,卡在相同的大小并隐藏我的旋转木马。

Fullscreen

Smaller

1 个答案:

答案 0 :(得分:0)

Create whit layoutit

获取元素f12或保存白名单