为了使网站具有响应性，聪明的做法是使用 Bootstrap。通过使用 Bootstrap，我们可以使我们的网站看起来不错且响应迅速。
有两种方法可以在响应式导航栏的中心设置图像或徽标。他们是：
- 使用 CSS
- 使用引导程序
现在让我们了解它们中的每一个。
使用 CSS：在这种方法中，我们使用我们自己的样式将图像在导航栏中居中。我们将把CSS代码嵌入到 HTML代码中。在这里，我们为我们的品牌（图像或徽标）赋予了 flex属性，宽度为 100% ，并将 justify-content 设置为 中心。这些属性将我们的徽标设置在导航栏的中心。
例子：
输出：
我们可以看到 GeeksforGeeks 徽标在导航栏的中心对齐，而所有其他导航栏项目都在右侧。
使用 Bootstrap：在这种方法中，我们可以避免编写额外的CSS代码。我们只需要添加一个带有类的 div 标签作为容器，并将导航栏品牌（图像或徽标）放在这个 div 中。之后，我们只需要将类mx-auto添加到 navbar-brand 类中。 mx-auto类是一个Bootstrap类，只是调整左右两边的边距以对齐中心的内容。
例子：
Navbar
输出：
我们可以看到 GeeksforGeeks 徽标与导航栏的中心对齐，而所有其他导航栏项目都在右侧。通过这两种方式，我们可以在响应式导航栏的中心进行图像处理。