Создание специальной c панели навигации с помощью Bootstrap - PullRequest
Новая
       132

Создание специальной c панели навигации с помощью Bootstrap

0 голосов
/ 27 мая 2020

Я имею в виду концепцию навигационной панели . На больших экранах он должен быть в одной строке с заголовком веб-сайта, но на мобильных устройствах он должен быть под заголовком.

This is how it should look

I already tried to get it done, but I wasn't able to figure it out. I want to realize this with Bootstrap.

Edit

I only figured out how to implement a standart navbar I don't know where to start with the concept!

Edit 2

Figured out that with

1 Ответ

1 голос
/ 27 мая 2020

Что-то вроде этого должно помочь. 

<div class="container-fluid">
  <nav class="navbar navbar-expand-lg navbar-light bg-light row">
    <div class="col-sm col-md-2">
      <a class="navbar-brand" href="#">MyWebsite</a>
    </div>
    <div class="col-sm col-md-10 navbar-nav d-inline-flex flex-row justify-content-around" >
      <a class="nav-item nav-link" href="#">img-link</a>
      <a class="nav-item nav-link" href="#">img-link</a>
      <a class="nav-item nav-link" href="#">img-link</a>
    </div>
  </nav>
</div>
...