css - Bootstraps 导航选项卡交叉

Question

我正在使用 Bootstrap 3，我有以下代码：

<div class="col-lg-4 col-md-6 col-sm-8 col-xs-12 col-lg-offset-4 col-md-offset-3 col-sm-offset-2">
    <div >
        <ul class="nav nav-tabs nav-justified">
            <li role="presentation" class="active"><a href="#login" class="border-radius-0" data-toggle="tab">Sign In</a></li>
            <li role="presentation" class=""><a href="#register" class="border-radius-0" data-toggle="tab">Register</a></li>
        </ul>
    </div>
    <div class="tab-content">
        <div id="login" class="tab-pane fade active in">
            <login-form ></login-form>
        </div>
        <div id="register" class="tab-pane fade">
            <register-form></register-form>
        </div>
    </div>
</div>

我的用户界面看起来像这样。为什么最后会出现十字架？我该如何摆脱它？

谢谢， 希尔帕