навбар-изображение бренда, перекрывающееся нав-предметы

Question

У меня есть панель навигации ниже, но сейчас, когда я открываю страницу в браузере, элементы внутри ul class="navbar-nav mr-auto" отображаются не полностью, потому что находятся за изображением бренда navbar. Кто-нибудь знает, как это исправить?

css для этой страницы

body {
  min-height: 75rem;
  padding-top: 4.5rem;
}

.navbar-brand img {
  top: 0;
  position: absolute;
}

Answer 1

Вы можете изменить класс, а также вам не требуется абсолютная позиция в вашем файле CSS. Это действие настроит ваше изображение в соответствии с вашим макетом, полагая, что вы работаете с bootstrap, я также удалил ваш th: sr c, так как в этом нет необходимости, проверьте этот код ниже.

<img src="@{/img/banner.jpg}" class="d-inline-block align-top pl-3 img-fluid" alt="Kleber App Store">

Добавляя в свой класс img-Fluid, ваше изображение будет приспосабливаться к любому экрану или макету и соответствовать только тому, где оно принадлежит, убедитесь, что изображение не слишком велико, и удалите позицию из вашего CSS.