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