Bootstrap; Я правильно проектирую свою навигационную панель с помощью html / css, но когда я применяю bootstrap, то lo go и ссылка сжата - PullRequest
0 голосов
/ 06 августа 2020

Привет, кодеры. Я новичок в bootstrap.

Я запутался; Я правильно проектирую свою навигационную панель с помощью html / css, но когда я применяю bootstrap lo go и ссылка сжата.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"><!--if I remove this my design turn back to normal;.If I apply bootstrap.min.css my navbar will compress-->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

</head>
<body>

    <nav class="navbar">
        <div class="brand-title">Brand Name</div>
        <a href="#" class="toggle-button">
          <span class="bar"></span>
          <span class="bar"></span>
          <span class="bar"></span>
        </a>
        <div class="navbar-links">
          <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Contact</a></li>
            <li><a href="#">Login</a></li>

          </ul>
        </div>
      </nav>
      
      </body>
      </html>

вот мой код: https://jsfiddle.net/dk54yw7n/3/

надеюсь, кто-нибудь просветит меня: D

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...