как выровнять в контейнере (CSS)?

Question

Мне нужно выровнять свою навигационную панель к моему контейнеру. Как вы можете видеть, мне нужно выровнять мой navbar-бренд с остальной частью кода .. В печати вы можете увидеть, как это .. Я не знаю, что мне делать.

посмотри как это

это мой код:

Answer 1

Трудно сказать, не видя CSS, который включает , но две общие ситуации:

1. nav_logo.png включает в себя прозрачное пространство с обеих сторон изображения
2. Изображение не имеет дополнительного прозрачного пространства, но <a class="navbar-brand"> имеет поле или отступ, примененные с помощью CSS

Чтобы исправить случай 1, вы можете обрезать изображение на изображении -редактирующее программное обеспечение для удаления дополнительного прозрачного пространства, или (если вы не можете редактировать изображение) примените отрицательный margin-left с CSS, чтобы «потянуть» lo go влево, как это:

.navbar-brand {
  margin-left: -20px /* whatever value achieves the desired visual effect */
}

В случае 2 вы бы добавили CSS, чтобы переопределить поля и / или отступы, например:

.navbar-brand {
  margin-left: 0;
  padding-left: 0;
}