<ul class="nav nav-pills mb--0">
                                                <li class="nav-item">
                                                    <a class="nav-link active" aria-current="page" href="#">Active</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 disabled" aria-disabled="true">Disabled</a>
                                                </li>
                                            </ul>
                                            
                                        

                                            
                                                <ul class="nav nav-pills nav-fill mb--0">
                                                <li class="nav-item">
                                                    <a class="nav-link active" aria-current="page" href="#">Active</a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" href="#">Much longer nav link</a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" href="#">Link</a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link disabled" aria-disabled="true">Disabled</a>
                                                </li>
                                            </ul>
                                            
                                        

                                            
                                                <nav class="nav nav-pills flex-column flex-sm-row mb--0">
                                                <a class="flex-sm-fill text-sm-center nav-link active" aria-current="page" href="#">Active</a>
                                                <a class="flex-sm-fill text-sm-center nav-link" href="#">Longer nav link</a>
                                                <a class="flex-sm-fill text-sm-center nav-link" href="#">Link</a>
                                                <a class="flex-sm-fill text-sm-center nav-link disabled" aria-disabled="true">Disabled</a>
                                            </nav>