Почему маржа: 0 Auto не сосредотачивает мой элемент в React? ⇐ CSS

[Anonymous]

I'm trying to build responsive navbar in reactjs
navbar.jsx
'''
const CustomNavbar = () => {
return (

Blog App

);
}
'' '< /p>
Вот соответствующий CSS: сильный текст < /strong> < /p>
Несмотря на то, что настройка маржи: 0 Авто, элемент не центрируется. Я пытался применить маржу в медиа -запросах и на уроки утилиты, но это все еще не работает.

Код: Выделить всё

'''
.main {
background-color: #0080ff;
height: 3.7em;
}

nav {
border: 1px solid black;
margin: 0 auto; /* Not working */
}

[class*="col-"] {
float: left;
}

[class*="xs-col-11"] {
width: 91.66%;
}
'''

также попробовал с помощью медиа -запросов [/b]
'''
@media only screen and (max-width: 600px) {
nav {
margin: 0 auto !important;
}

[class*="xs-col-11"] {
width: 91.66%;
margin: 0 auto !important;
}
< /code>
}
'' '< /p>
Добавление! Важно для поля
display: блок на
Применение маржи непосредственно к селекторам классов, таких как .xs-col-11
Убедитесь, что ширина меньше 100%< /p>
. Что мне не хватает, что я не соответствует.>

Подробнее здесь: https://stackoverflow.com/questions/789 ... t-in-react