Css 反应引导定心片
默认情况下,引导react的选项卡将向左对齐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; } 您只需
表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;
弯曲方向:行;
证明内容:中心;
}