Выровнять по центру NavItem в React Bootstrap - PullRequest
Новая
       4

Выровнять по центру NavItem в React Bootstrap

0 голосов
/ 11 февраля 2019

Я занимался этим целую вечность и, похоже, не могу понять, как это сделать.В моменты, когда NavItem в моем NavBar выровнены влево.Я хочу, чтобы они были в центре.Я попытался прочитать документацию здесь https://react -bootstrap.github.io / components / navs / , но она не работает, тьфу

Вот мой Navbar: 

<div className="container">
                    <Navbar collapseOnSelect>
                        <Navbar.Collapse>
                        <Nav  variant="tabs" defaultActiveKey="/home">
                            <NavItem>
                                <NavLink to="/newSite/details">Details</NavLink>
                            </NavItem>
                            <NavItem>
                                <NavLink to="/newSite/tours">Tours</NavLink>
                            </NavItem>
                            <NavItem>
                                <NavLink to="/newSite/pois">POIs</NavLink>
                            </NavItem>
                        </Nav>
                        </Navbar.Collapse>
                    </Navbar>
                </div>

1 Ответ

0 голосов
/ 11 февраля 2019

В компоненте Navbar вы можете добавить className или style со следующими атрибутами: 

margin: 0 auto;
width: 320px;

К сожалению, width будет варьироваться в зависимости от длины отдельной вкладки.

Рабочий пример : https://codesandbox.io/s/xr8kn5074p

...