Question

我试图将Hello作为导航标记下方的标题。这是我的HTML。

<nav class="navbar navbar-default navbar-fixed-top" style="background-color: aliceblue;" role="navigation">
<div class="container-fluid">
    <div class="navbar-header">
        <img class="img-responsive" src="img/logo.png" style="width: 330px; height: 49px;" />
    </div>
    <ul class="nav navbar-nav navbar-right" id="navbarprop">
        <li id="home" class="active">
            <a class="color" href="#"><i class="glyphicon glyphicon-home"></i>&nbsp Home</a>
        </li>              
    </ul>
</div>
</nav>
<div class="container">
<h1>HELLO</h1>
</div>

我想让我的网页快速响应。出现的问题是导航标签内打印了Hello。我必须申请保证金最高限额：50px;制作＆＃34; HELLO＆＃34;可见。我如何使其响应。这是没有边缘顶部的图像 http://imgur.com/q5yol6t 你好在导航中。这是边缘顶部的图像 http://imgur.com/j8tjUbZ 提前谢谢！

Answer 1

http://getbootstrap.com/components/#navbar-fixed-top

特别注意身体需要填充的部分。

固定的导航栏将覆盖您的其他内容，除非您在<body>的顶部添加填充。尝试自己的价值观或使用下面的代码段。提示：默认情况下，导航栏高50像素。

body { padding-top: 70px; }

确保在核心Bootstrap CSS之后包含此内容。

Answer 2

您可以使用媒体屏幕解决此问题，只需为小于767像素的屏幕提供另一个上限（平板电脑，笔记本电脑和台式机除外）希望它会对你有所帮助。

var csvstream = CSV
.fromPath(self.fetchFilePath(fileName),{ ltrim : true, rtrim : true , headers : true , ignoreEmpty : true })
.transform(function (data){
    Object.keys(data).forEach(function (key) {
       var newKey       = key.trim();
       data[newKey]     = data[key].trim();
    });
    return data;
})
.on("data", function(data){
     //checking unicode char presence
     Object.keys(data).forEach(function (key) {
       if(data[key]){
          var charValue   = PUNYCODE.ucs2.decode(data[key]);
          charValue = charValue.map(function(val) {
             if(val>126){
               FileCleanFlag=false;
               errorData.push(data);
             }
          });
       }else{
          FileCleanFlag=false;
       }
     });

     if(!FileCleanFlag){
        #here want to jump to end block instead of parsing next rows
     }
})
.on('end', function (){
    #some work on rows containing error
});

Navbar＆amp;容器崩溃了

2 个答案: