Bootstrap标签溢出问题

Question

如何像这样修复bootstrap标签

在小提琴之前：

<div class="nav-tabs-custom">
            <ul class="nav nav-tabs">
                <li class="active" ><a href="#Tab1" data-toggle="tab">Tab1</a></li>
                <li class="" ><a href="#Tab2" data-toggle="tab">Tab2</a></li>
                <li class="" ><a href="#Tab3" data-toggle="tab">Tab3</a></li>
                <li class="" ><a href="#Tab4" data-toggle="tab">Tab4</a></li>

            </ul>

    </div>

喜欢这个：

Answer 1

尝试添加到nav-bar-custom

   display: inline-block;

对于按钮，您可以尝试使用glyphicon

<div class="nav-tabs-custom">
        <ul class="nav nav-tabs">
            <li class="active" ><a href="#Tab1" data-toggle="tab">Tab1</a></li>
            <li class="" ><a href="#Tab2" data-toggle="tab">Tab2</a></li>
            <li class="" ><a href="#Tab3" data-toggle="tab">Tab3</a></li>
            <li class="" ><a href="#Tab4" data-toggle="tab">Tab4</a></li>

            <li class="glyphicon glyphicon-chevron-left"></li>
            <li class="glyphicon glyphicon-chevron-right"></li>

        </ul>

</div>