ASP.NET Core + React.js

@IraPik · Регистрация: 28.11.2018

Author24 — интернет-сервис помощи студентам

В VS есть шаблон проекта ASP.NET Core + React.js, макет на первой картинке. Меню слева сформировано с помощью NavBar.

Javascript

<Navbar fixedTop fluid collapseOnSelect className="cust">
                <Navbar.Header>
                    <Navbar.Brand>
                        <Link to={'/'} style={{ color: 'white' }} ><Glyphicon glyph='object-align-bottom' /> NewTown</Link>
                    </Navbar.Brand>
                    <Navbar.Toggle />
                </Navbar.Header>
                <Navbar.Collapse>
                    <Nav>
                        <LinkContainer to={'/'} exact>
                            <NavItem>
                                <Glyphicon glyph='home' /> Главная
              </NavItem>
                        </LinkContainer>
                    <LinkContainer to={'/client'}>
                        <NavItem>
                                <Glyphicon glyph='user' /> Клиенты
              </NavItem>
                        </LinkContainer>
                        <LinkContainer to={'/district'}>
                            <NavItem>
                                <Glyphicon glyph='globe' /> Районы
              </NavItem>
                        </LinkContainer>
                        <LinkContainer to={'/realtor'}>
                            <NavItem>
                                <Glyphicon glyph='user' /> Риэлторы
              </NavItem>
                        </LinkContainer>
                    <LinkContainer to={'/type'}>
                        <NavItem>
                                <Glyphicon glyph='book' /> Типы объектов
              </NavItem>
                        </LinkContainer>
                        <LinkContainer to={'/propobj'}>
                            <NavItem>
                                <Glyphicon glyph='equalizer' /> Объекты
              </NavItem>
                        </LinkContainer>
                    </Nav>
                </Navbar.Collapse>
                </Navbar >

Стиль также можно прописать в файлах index.css и NavMenu.css.
Проблема в том, что я хочу поменять цвет фона меню, но все мои попытки безуспешны.
Что пробовала:
1. прописывать в упомянутых файлах background-color для классов Navbar fixedTop fluid collapseOnSelect cust;
2. как первый пункт, только с добавлением метки "!important";
3. прописывать стиль в тегах (как в Link).

При этом браузер показывает, что свойство цвета фона установлено. В чем ошибка?

@anuartemirbolat · 21.12.2019, 10:21

возможно вы красите не тот элемент

@imcavs™ · 27.12.2019, 18:46

HTML5

1	className="cust

Бери свой "cust" и стилизуй. Удали всё лишнее, исключай другие стили, которые могут влиять на твой.

@anuartemirbolat 19 / 17 / 3 Регистрация: 11.05.2018 Сообщений: 165
	21.12.2019, 10:21	2
	возможно вы красите не тот элемент 0

	27.12.2019, 18:46