0

截屏

我不确定为什么我无法查看导航栏下方的内容。我得到的只是空白，而不是<h1>Hello</h1>. 特别希望对此代码提供一些指导，以及任何资源以了解更多有关如何在未来避免此问题的信息。

<!DOCTYPE html>
<html>
<head>
    <title>A random title piece.</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="../static/css/bootstrap.css" rel="stylesheet" media="screen">
    <link href="../static/style.css" rel="stylesheet" media="screen">

</head>
<body>

    <div class="navbar navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container pull-left">
<a class="brand" href="../">Things and Stuff </a>
                <div class="nav-collapse collapse" id="main-menu">
                    <ul class="nav" id="main-menu-left">
                        <li class="divider-vertical"></li>
                        <li>
                            <form class="form-search">
                                <div class="input-    append">
                                    <input     type="text" class="span2 search-query">
                                    <button type="submit" class="btn">
                                        Search
                                    </button>
                                </div>
                            </form>
                        </li>
                        <li>
                            <a id="swatch-link" href="../popular">Example 1</a>
                        </li>
                        <li>
                            <a id="swatch-link" href="../sold">Example 2</a>
                        </li>
                        <li>
                            <a id="swatch-link" href="../new">Example 3</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

<h1>Hello</h1>

    <script src="http://code.jquery.com/jquery.js"></script>
    <script src="../static/js/bootstrap.min.js"></script>
    <script src="../static/js/json2.js"></script>


</body>

4

1 回答 1

1

内容隐藏在您的标题下方。使用带有类容器的 div 包装您的内容，然后让我们知道。
这是一个
带有填充的jsfiddle Jsfiddle

<div class=".container">
  <h1>Hellow world</h1>
</div>

并在您的 CSS 中添加以下内容

.container > h1
 {
margin-top:70px;

 }

或者你可以使用以下，我建议使用这个：

.container > h1{
   padding-top:70px;
 }
于 2013-02-23T13:35:49.770 回答