Список навигации на нужном сайте

Question

У меня есть эта навигация

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet"/>
<nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
    <a class="navbar-brand" href="#">Home</a>

    <ul class="navbar-nav">
        <li class="nav-item">
            <a class="nav-link text-dark" href="#">Page 1</a>
        </li>
        <li class="nav-item">
            <a class="nav-link text-dark" href="#">Page 2</a>
        </li>
    </ul>      
</nav>

Как перенести элементы списка ul на нужный сайт?

Я не хочу менять направление. Я хочу переместить полный элемент ul на нужный сайт

Answer 1

при запуске кода html все в порядке, но вы можете попробовать разные способы для примеров:

<nav class="navbar mr-auto navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
<a class="navbar-brand" href="#">Home</a>

<ul class="navbar-nav">
    <li class="nav-item">
        <a class="nav-link text-dark" href="#">Page 1</a>
    </li>
    <li class="nav-item">
        <a class="nav-link text-dark" href="#">Page 2</a>
    </li>
</ul>      

• или установите direction для ul, как это <ul class="navbar-nav" style="direction: ltr">

• или установите стиль в css для ul тег:

  ul {
      display: flex;
      justify-content: flex-start;
      align-items: center;
  }