как перенести категории вправо

        ``` <div class="dropdown-menu " aria-labelledby="navbarDropdown">
            <a class="dropdown-item" href="#">Биографии</a>
            <hr>
            <a class="dropdown-item" href="#">Боевик</a>
            <hr>
            <a class="dropdown-item" href="#">Вестерны</a>
            <hr>
            <a class="dropdown-item" href="#">Детективы</a>
            <hr>
            <a class="dropdown-item" href="#">Документ</a>
            <hr>
            <a class="dropdown-item" href="#">Драмы</a>
            <hr>
            <a class="dropdown-item" href="#">Исторические</a>
            <hr>
            <a class="dropdown-item" href="#">Комедии</a>
            <hr>
            <a class="dropdown-item" href="#">Криминал</a>
            <hr>
              <a class="dropdown-item" href="#">Мультфильмы</a>
              <hr>
              <a class="dropdown-item" href="#">Мюзиклы</a>
              <hr>
              <a class="dropdown-item" href="#">Приключения</a>
              <hr>
              <a class="dropdown-item" href="#">Семейные</a>
              <hr>
              <a class="dropdown-item" href="#">Cпортивные</a>
              <hr>
              <a class="dropdown-item" href="#">Триллеры</a>
              <hr>
              <a class="dropdown-item" href="#">Ужасы</a>
              <hr>
              <a class="dropdown-item" href="#">Фантастика</a>
              <hr>
              <a class="dropdown-item" href="#">Фэнтези</a>
              <hr>
              <div class="dropdown-divider"></div>
              <a class="dropdown-item" href="#">Другое</a>
        </div>```

Как мне разделить столбец на 2 столбца поменьше, если выпадающее меню сделано на bootstrap 4