Меню сайта на Bootstrap 4

165
21 сентября 2019, 08:20

Подскажите, пожалуйста, как написать меню в col-7 offset-3 из 7 блоков на bootstrap, чтобы ему потом можно было прописать :hover. Свою попытку прикрепил ниже, но ничего не получается.

<!DOCTYPE html> 
<html lang="en"> 
 
<head> 
  <meta charset="UTF-8"> 
  <title>Web Devepment Project</title> 
 
 
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous"> 
  <link rel="stylesheet" href="css/main.css"> 
</head> 
 
<body> 
  <main class="main"> 
    <div class="container"> 
      <div class="header"> 
        <div class="row"> 
          <div class="col-xl-2"> 
            <div class="logo"> 
              Your Logo 
            </div> 
          </div> 
          <div class="menu"> 
            <div class="col-7 offset-3"> 
              <nav class="navbar"> 
                <div class="collapse navbar-collapse"> 
                  <ul class="navbar-nav mr-auto"> 
                    <li class="new-item"> 
                      <a href="#" class="nav-link">Home</a> 
                    </li> 
                    <li class="new-item"> 
                      <a href="#" class="nav-link">About</a> 
                    </li> 
                    <li class="new-item"> 
                      <a href="#" class="nav-link">Cervicing</a> 
                    </li> 
                    <li class="new-item"> 
                      <a href="#" class="nav-link">Portfolio</a> 
                    </li> 
                    <li class="new-item"> 
                      <a href="#" class="nav-link">Blog</a> 
                    </li> 
                    <li class="new-item"> 
                      <a href="#" class="nav-link">Contact us</a> 
                    </li> 
                    <li class="new-item"> 
                      <a href="#" class="nav-link">Search</a> 
                    </li> 
                  </ul> 
                </div> 
              </nav> 
            </div> 
          </div> 
        </div> 
      </div> 
    </div> 
  </main> 
 
 
  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> 
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script> 
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script> 
</body> 
 
</html>

READ ALSO
C# не понимает GetCurrentDomain ()
c#

C# не понимает GetCurrentDomain ()

Делаю программу которая для начала будет выводить имя домена в котором находится комп, как я понял нужно через

 157
C# WPF Отменить клик при смене View
c#

C# WPF Отменить клик при смене View

Есть кнопка которая изменяет view, но второй view тоже имеет кнопку которая изменяет view и получается клик на первую кнопку автоматически работает...

 160
Photon Unity Networking: Не получается вывести ник игрока
c#

Photon Unity Networking: Не получается вывести ник игрока

Я хочу установить ник для игрока и в последующем его отобразитьЕще до подключения к комнате я устанавливаю ник таким образом:

 163
Длинный Питон. Нужна формула [закрыт]
c#

Длинный Питон. Нужна формула [закрыт]

После того, как Мартышка и Попугай досконально исследовали длину Удава, им стало очень скучноТут Слонёнок вспомнил, что в лесу живет ещё Питон,...

 147