Почему Bootloader не ведет себя так, как должен? - PullRequest
0 голосов
/ 26 января 2020

Я пытаюсь создать панель навигации для моего проекта на сайте, но она не ведет себя так, как мне бы хотелось.

Я пытаюсь получить это

Но я понял ...

Я использую Visual Studio 2019 и пытаюсь заставить этот код работать:

<!DOCTYPE html>

<html lang="en">

<head>
    <title>Jogge - Home</title>

    <meta charset="UTF-8" />

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
</head>

<body>
    <header class="container">
        <div class="row">
            <h1 class="col-sm-8">Jogge</h1>
            <nav class="col-sm-4">
            <p>Test 1</p>
            <p>Test 2</p>
            </nav>
        </div>
  </header>
</body>

</html>

Спасибо!

1 Ответ

0 голосов
/ 26 января 2020

Возможно, вы захотите использовать встроенную навигационную панель Bootstrap с функциональностью

Однако, чтобы исправить это в настоящее время: Проблема в том, что у вас есть два столбца справа сейчас - один с твоим именем и один с двумя ссылками. Вот один из примеров того, как это исправить, но я действительно не рекомендую его и рекомендую использовать встроенную функциональность bootstrap:

    <header class="container">
        <div class="row">
            <h1 class="col-sm-8">Jogge</h1>
            <p class="col-sm-2">Test 1</p>
            <p class="col-sm-2">Test 2</p>
        </div>
    </header>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...