导航栏上的徽标溢出（引导程序3）

debugcn 发表于 Dev

迪米特里耶·米蒂奇（Dimitrije Mitic）

我真的是新手，对它感到沮丧。我正在尝试建立一个响应式网站，并且我需要徽标来使导航栏溢出。我是在html和css中完成的（没有使用bootstrap），但是它没有响应。这就是我要使用引导程序执行的操作，但是我一直惨败。http://prntscr.com/5tifol这是html / css代码：

`<body>
<div id="motodiv">
<div id="text1" style="display:none;">TEXTTEXTTEXTTEXTTEXT</div>
<div id="text2" style="display:none;">TEXTTEXTTEXTTEXTT</div>
</div>
<div id="logo"><img id="logoimg" src="logo.png"></div>`

http://jsfiddle.net/yn7o2neb/这就是我对引导程序所做的http://prntscr.com/5tifrp这是引导程序代码：

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
  </head>
  <body>
        <div class = "navbar navbar-inverse navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                        <a class="brand" href="index.html"> <img src="images/logo.png" class="img-responsive clearfix logo"></a>
                </div>
            </div>
        </div>


        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
    </body>`

http://jsfiddle.net/oc5vgha4/欢迎任何帮助。另外，当我尝试调整图像大小时，导航栏正在调整大小。

杰森·巴塞特（Jason Bassett）

在.navbar-brand课堂上尝试这个CSS

.navbar-brand {                
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50px;        
    margin-left: 0px;
    padding: 30px;
}

您可以根据自己的喜好调整填充物甚至位置。您可以在http://jsfiddle.net/0hmrd1b8/上看到我的示例

我希望这有帮助！

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。