html - 如何将我的文字放在导航栏下方?

标签 html css formatting navbar

好的,我的网站有一个导航栏,我从来没有遇到过这个问题。我所有的文字都在我的导航栏后面而不是下面。这可能是因为我的导航栏是为移动屏幕自动调整的。

<body>
             <nav>
                 <h1 class="brand"><a href="#">CHS Robotics</a></h1>
                 <ul>
                     <li><a href="#">Club Info</a></li>
                     <li><a href="#">The Team</a></li>
                     <li><a href="#">Positions</a></li>
                     <li><a href="#">News</a></li>
                     <li><a href="#">Donate</a></li>
                     <li><a href="#">Sign up</a></li>
                     <li><a href="#">Login</a></li>
                  </ul>
                  <div style="clear: both"></div>
             </nav>
                  <div class="responsive-bar">
                  <h3 class="brand"><a href="#">CHS Robotics</a></h3>
                  <h4 class="menu">Menu</h4>
                  <div style="clear: both"></div>
                  <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
                  <script type="text/javascript">
                         $(document).ready(function(){
                            $(".menu").click(function(){
                                $("nav").slideToggle(500);
                            })


                         }) 
               <h1 class="about">About CHS Robotics</h1>

更多信息:Cyrusmusic101.github.io

最佳答案

我建议您清除缓存,因为代码没有任何问题,而且当我访问该链接时它看起来完全没问题。 (此外,如果出现问题,可能是 CSS,因此将其发布也很有用)。

关于html - 如何将我的文字放在导航栏下方?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47229714/

相关文章:

javascript - shift bootstrap carousel 标题中心向右

html - 放置另一个 div 后下拉菜单不起作用

css - 表单不使用 widget_tweaks django 上传

css 选择所有内容,但忽略特定父项及其所有子项

string - 在excel vba中的给定索引处删除字符串的元素

pdf - XSL/XSL-FO : Different formatting of a block depending on its page position on PDF page

php - 获取用户排名(mySQL)

javascript - 我怎么知道哪个脚本文件正在加载 Click 事件

html - 如何将偏移量应用于另一页上的#link

.NET 电话号码解析库