Как предотвратить переход элементов навигации в Bootstrap

Question

Я использую <ul class="nav nav-tabs">, обернутый в контейнер, и по замыслу, когда точка останова, отмеченная концом контейнера, достигнута, он переходит на новую строку.Как я могу предотвратить это, чтобы все оставалось встроенным, и я мог вместо этого прокручивать по горизонтали?

Редактировать: Включенный код

<div class="jumbotron border">
    <div class="row">
        <div class="col">
            <img src="image.jpg" alt="Placeholder for image">
        </div>
    </div>
    <div class="row">
        <div class="col">
            <ul class="nav nav-tabs">
                <li class="nav-item">
                    <a class="nav-link" href="#">Link</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Link</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Link</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Link</a>
                </li>
            </ul>
        </div>
    </div>
</div>

Answer 1

Используйте flex-nowrap класс для списка.Используйте d-flex также, если ul еще не flex,