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

Я использую <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>