Javascript 响应引导下拉菜单

我是编程新手，我决定开始设计一个网站。在编写代码时，我发现了一个问题：我无法使下拉菜单看起来正常。我会留下一张它的样子和我写的代码的图片，这样你可以帮助我！ 提前谢谢你

HTML

img{最大宽度：100%；}
.quitar float{float:none；}
.espacio arriba{页边空白顶部：100px；}
#校长{
宽度：40%；
浮动：无；
边缘顶部：100px；
文本对齐：居中；
保证金：0自动；
}
#otro_elemento{页边顶部：100px；}
.Ingreo:hover{color:white；}
.img响应{margin:0 auto；}
安格鲁先生{
字体大小：240%；
颜色：黑色；
}
.菜单{颜色：#B40000；}
身体{
字体系列：“第一天”，无衬线；
颜色：#B40000；
文本阴影：-1px 0白色，0 1px白色，1px 0白色，0-1px白色；
边框颜色：白色；
背景图片：url(https://http2.mlstatic.com/cesped-bermuda-gramilla-brasilera-envios-a-mvdeo-D_NQ_NP_20364-MLU20188773672_102014-F.jpg);
背景尺寸：封面；
背景附件：固定；
背景重复：无重复；
背景位置：中心；
}
.links{font size:20em；}
.espacio derecha{右边距：1em；}
.se gris{背景色：#eee；}
.padding largo{padding:5px 10px；}
.内联块{
浮动：无；
显示：内联块；
右边距：-6px；
}
不，莉斯塔{
保证金：0；
填充：0；
}
.no lista li{列表样式类型：无；}

里瓦达维亚大西洋俱乐部

尝试将

导航

替换为以下内容：

<nav class="navbar navbar-default">
  <div class="container-fluid">
      <ul class="nav navbar-nav">
        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">El Club<span class="caret"></span></a>
            <ul class="dropdown-menu">
                <li><a href="#">Historia</a></li>
                <li><a href="#">Disciplina</a></li>
                <li><a href="#">Comisión directiva</a></li>
            </ul>
        </li>
        <li><a href="#">Fútbol</a></li>
        <li><a href="#">Estadio</a></li>
        <li><a href="#">Sede</a></li>
        <li><a href="#">Fútbol infantil</a></li>
        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Polideportivo<span class="caret"></span></a>
            <ul class="dropdown-menu">
                <li><a href="#">Básquet</a></li>
                <li><a href="#">Hockey</a></li>
                <li><a href="#">Natación</a></li>
            </ul>
        </li>
      </ul>
  </div>
</nav>

在我试图解决您的问题时，有很多假设。但是，您确实需要阅读更多关于引导的内容，以及

colmd-*

的含义

看看：

正文{
字体系列：“第一天”，无衬线；
文本阴影：-1px 0白色，0 1px白色，1px 0白色，0-1px白色；
背景：url(https://http2.mlstatic.com/cesped-bermuda-gramilla-brasilera-envios-a-mvdeo-D_NQ_NP_20364-MLU20188773672_102014-F.jpg)中心无重复固定/覆盖；
}
导航{
背景色：#eee；
文本对齐：居中；
利润率：10px；
填充物：5px10px；
}
.内联块{
浮动：无；
显示：内联块；
}

您在“我无法使下拉菜单看起来正常”下的意思是什么？“OK”对你来说是什么？它不是占据整个屏幕，只是占据了屏幕的一半