css - React-Bootstrap居中选项卡

Bootstrap-react的选项卡默认情况下将向左对齐。

<Tabs defaultActiveKey={2} id="uncontrolled-tab-example"> <Tab eventKey={1} title="Tab 1"> Tab 1 content </Tab> <Tab eventKey={2} title="Tab 2"> Tab 2 content </Tab></Tabs>;

您可以传递pullRight道具使其向右对齐

<Tabs pullRight defaultActiveKey={2} id="uncontrolled-tab-example">

有没有一种简单的方法可以使其居中？如果没有，您将如何使标签居中？

最佳答案

在您的CSS文件上，输入以下内容：

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

关于css - React-Bootstrap居中选项卡，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/53548939/