为什么我不能覆盖 Bootstrap 默认值？

Question

<!DOCTYPE html>
{% load staticfiles %}
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link rel="stylesheet" href="{% static "css/mystyle.css" %}">
  </head>
  <body



  <nav class="navbar navbar-light bg-light" id="bootstrap-overrides">
    <a class="navbar-brand" href="#">
      <img src="{% static "images/download.jpeg" %}" width="90" height="90" alt="">
    </a>
    <div class="container">
      <ul class="nav navbar-nav">
        <li><a class="navbar-brand" href="#top"></a>Patients Page</li>
        <li><a class="navbar-brand" href="{% url 'admin:index' %}">Admin</a></li>
        <li><a class="navbar-brand" href="{% url 'first_app:form_name' %}">Register Patients</a></li>
      </ul>

    </div>
</nav>

    <div class="container">
      {% block body_block %}

      {% endblock %}

    </div>

  </body>
</html>

h1{
  color: red;
}

#bootstrap-overrides {
    flex-direction: row;
}

我希望我的导航栏按行弯曲，而不是按列进行引导默认设置。 我试图覆盖引导程序默认值，但是无论我做什么，它都不起作用。 这几乎就像 HTML 没有看到我的 CSS。 有趣的是，h1 实际上是红色的，所以我知道 HTML 尊重 CSS。 但不适用于导航栏。 我尝试使用更具体的标识，没有用。 我也试过使用 !important; 它也不起作用。 可能是什么问题？

完整项目： https : //github.com/gokceozer/healthCenter

Answer 1

尝试一下

.container ul {
    flex-direction: row;
}

或提供所有代码

为什么我不能覆盖 Bootstrap 默认值？

问题描述

1 个解决方案

解决方案1
0 2020-03-20 14:16:46

为什么我不能覆盖 Bootstrap 默认值？

问题描述

1 个解决方案

解决方案1 0 2020-03-20 14:16:46

解决方案1
0 2020-03-20 14:16:46