Html 如何将保存在引导容器类中的选项卡内容与全宽nav tabs li项目对齐

我遇到了一个问题，我把我的标签内容保存在引导容器类中，我想要标签与左侧对齐的全宽导航标签。但是我想让导航选项卡第一个li选项卡项与选项卡内容对齐。请看我在codepen中创建的示例：

单击以访问代码笔

body{padding top:5px；}
.navTabsParent{}
.nav-tabs.nav-justized>.active>a{
背景色：#D7E1EA；
边框：0px实心#DDD；
}
.nav-tabs.nav-justized>li>a{
边界半径：0！重要；
}
.nav tabs>li.active>a{color:#182E79；字体大小：粗体；}
.tabOneLink.tabTwoLink{文本对齐：左！重要；}
.main content body{背景色：#D7E1EA；}

表1：
这是我的责任，是我的责任，是我的责任，是我的责任，是我的责任
表2：
这是我的责任，是我的责任，是我的责任，是我的责任，是我的责任

我在div的class属性中添加了

col-lg-6

，该div具有

id=“tab1”

，这些内容现在可以放在“tab one”元素下。接下来，我从tab1正上方的div中删除了

class=“tab content”

，而tab2信息则位于“tab two”下方

此外，每个div不要使用多个

col XX-##

（例如

col-lg-6

），因为这样做没有任何意义。帮自己一个忙，回顾一下bootstrap中的网格系统是如何工作的

---

没有指向您的代码的链接请参考链接。我忘记添加链接。@jbg您可以编辑您的问题并将其放入其中。谢谢您的帮助。你能编辑我的代码并与更新的代码共享代码笔吗。这将是一个很大的帮助。谢谢，我想你可能不理解我问题的背景，实际上我想要的是，导航标签li项，即TabOne应该与标签内容项对齐。