Как выровнять изображение по абзацу справа - PullRequest
0 голосов
/ 30 октября 2019
    [scrollspy samp[scrollspy][1]le]

Теперь, удалив отступы в разделе о нас, scrollspy не выравнивается относительно нас, мне нужна помощь в том, как исправить прокрутку, сохраняя при этом изображение, выровненное по абзацу.

</style>
      </head>
      <body id="#navbar" data-spy="scroll" data-target="navbar" data-offset="10">
          <nav id="#navbar" class="navbar navbar-expand-sm navbar-light bg-light fixed-top">
              <a href="#" class="navbar-brand">
                <img src="logo.png" alt="Logo" style="width:80px;">
              <div class="collapse navbar-collapse">
                  <ul class="navbar-nav ml-auto">
                    <li class="navbar-nav">
                      <a class="nav-link" href="#About Us">About Us</a>
                    </li>
                    <li class="nav-item">
                        <a href="#Services" class="nav-link">Services</a>
                      </li>    
                      <li class="nav-item">
                          <a href="#Porfolio" class="nav-link">Porfolio</a>
                        </li> 
                        <li class="nav-item">
                            <a href="#Contact Us" class="nav-link">Contact Us</a>
                          </li> 


                  </ul>  

                </div>  

1 Ответ

2 голосов
/ 30 октября 2019

Удалите атрибут стиля padding-top:85px из «О нас» div - это создаст пробел высотой 85px, который вам явно не нужен.

Кроме того, h2 там будетимеют относительно высокое значение по умолчанию top-margin, которое также создает пробел над текстом, поэтому вы можете добавить margin-top: 0 к этому h2.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...