Jquery Bootstrap 3在Portlet中折叠，不显示选项卡

我有一个包含两个选项卡的portlet。当我添加一个折叠命令时，折叠图标在那里，但是选项卡在上面，因此无法访问它

如何使折叠显示在选项卡旁边，以便portlet可以折叠

<div class="col-md-6 ">
    <div class="portlet box grey tabbable">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-reorder"></i>Contact
            </div>
            <div class="tools">
                <a href="javascript:;" class="collapse"></a>
            </div>
        </div>
        <div class="portlet-body">
            <div class="tabbable portlet-tabs">
                <ul class="nav nav-tabs">
                    <li>
                        <a href="#portlet_tab2" data-toggle="tab">Secondary</a>
                    </li>
                    <li class="active">
                        <a href="#portlet_tab1" data-toggle="tab">Primary</a>
                    </li>

                </ul>
                <div class="tab-content">
                    <!-- TAB 1 -->
                    <div class="tab-pane active" id="portlet_tab1">

---

这里需要做的就是将选项卡容器向左移动，以便可以查看和单击折叠按钮

<ul class="nav nav-tabs" style="margin-right:30px"> 

---

是的，我看到了。你的问题是什么？另外，是否有引导区域51？如果不是，我想你是说Bootstrap3？