Css 反应引导定心片

Css 反应引导定心片,css,react-bootstrap,Css,React Bootstrap,默认情况下,引导react的选项卡将向左对齐 表1内容 表2内容 ; 您可以传递一个pullRightprop使其向右对齐 有没有一个简单的方法使它居中?如果没有,您将如何使选项卡居中?在CSS文件上,放置以下内容: ul.nav.nav-tabs { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 10px; } 您只需

默认情况下,引导react的选项卡将向左对齐


表1内容
表2内容
;
您可以传递一个
pullRight
prop使其向右对齐



有没有一个简单的方法使它居中?如果没有,您将如何使选项卡居中?

在CSS文件上,放置以下内容:

ul.nav.nav-tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px;
}

您只需添加
fill
作为道具即可

<Tabs fill></Tabs>

也许:

.nav-tabs > li {
  float: none;
  display: inline-block;
  zoom: 1;
}

.nav-tabs {
  text-align: center;
}
请参见此处:

。居中选项卡>导航{
显示器:flex;
弯曲方向:行;
证明内容:中心;
}