I'm having a list using bootstrap 4, but some item inside contain long text, it causes problem on small screen device. I tried to use `white-space:nowrap` or class `text-nowrap`, but nothing occur.
Is there anyway to fix this?

My code:

```
<ul class='navbar-nav'>
   <li class='nav-item'>
       <a href='#' class='text-nowrap'>long textt...........</a>
   </li>
</ul>

```