引导程序样式标签导航

Question

我想要Bootstrap tabbable导航的功能，但是我想在每个选项卡的下面设置背景图像和文本的样式。 实际上，我真正想要的只是将我的photoshop图像放在每个选项卡中，然后将活动状态设置为所选图像。

我现在很难过。 要使用此组件，需要大量的自定义工作吗？

我以为我可以尝试使用一些CSS，但是没有给我正确的格式：

ul.nav.nav-tabs li {
    display:inline-block;
    background:url(../images/skypeIcon.png) no-repeat left center;
    background-size:20px auto;
    font-size:15px;
    padding:2px 0 2px 28px
}

顺便说一句，我正在使用Bootstrap 2.3，所以无法使用Bootstrap 3 Navbar Generator。

Answer 1

我可以在标签中使用div标签，然后将所需的任何内容放在其中。

<ul class="nav nav-tabs">

            <li class="active">

                <a href="#tab1" data-toggle="tab">

                    <div>

                        <img src="<%=context%>/images/defaultAvatar.png"/>

                        <br/>

                        Computer

                    </div>

                </a>

            </li></ul>