Фиксированная позиция navbar скрывает привязки

Я создаю сайт, используя щебетать Bootstrap, и в навигационной панели с фиксированной позицией 40 пикселей в верхней части страницы. Я установил некоторые якоря, чтобы перейти к различным H1 на всей странице, но цели привязки частично закрыты навигационной панелью. Есть ли способ компенсировать ссылки для учетной записи навигатора? Я видел одно предложение поместить каждый якорь в свой собственный div div, но это похоже на много дублирующий код, и мне интересно, есть ли другой способ.

Если возможно, я бы предпочел сделать это только с помощью CSS, а не с jQuery, но любое решение будет приветствоваться.

.topbar {
   height: 40px;
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   z-index: 10000;
   overflow: visible;
}

body {
  padding-top: 40px; 
     /* 40px to make the container go all the way to the bottom of the topbar */
     font-family: 'Proxima', "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     line-height: 18px;
      font-weight: normal;
      color: #555;
      background-color: #eee;
 }

Спасибо!

Ответы