Я сделал сайт с bootstrap. Я разработал меню Navbar этого. Выглядит хорошо, но мне не понравился дизайн в мобильном представлении. Навбар использует один и тот же класс для Интернета и мобильных устройств. поэтому, если я настрою его, то это также изменит стиль веб-представления. Как я могу преодолеть это? Я хочу, чтобы стили для большого экрана были одинаковыми, но я хочу стилизовать навигационную панель для мобильного просмотра. (После появления значка меню / текста).
код
<header class="container">
<nav class="navbar navbar-expand-lg">
<h1> <a class="navbar-brand" href="#">Bootstrap.</a></h1>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarMob" aria-controls="navbarMob" aria-expanded="false" aria-label="Toggle navigation">
Menu_Icon
</button>
<div id="navbarMob" class="navbar-collapse collapse">
<ul class="navbar-nav mr-auto"> </ul>
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link nav-link-first" href="#">Link <span class="sr-only">(current)</span> </a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
</ul>
</div>
</nav>
</header>
кодовое поле: https://codepen.io/manaskhandelwal1/pen/BaNQxME