如何使导航栏的文本居中
How to center the text of navbar
我对 CSS 不是很满意。根据此代码。如何让 My Website 文本在我的导航栏中居中？
这是一个 JS fiddle 工作示例：https://jsfiddle.net/cvp8w2tf/2/
感谢您的帮助！
Bootstrap 4 有一堆实用程序 类 您可以使用，您不必编写任何自定义 CSS 来完成您想要的。
检查导航栏，我发现它没有拉伸整个页面的宽度，因此您需要 use the w-100 utility class（它将元素的宽度设置为 100%）。
这将使导航项保持左对齐。由于 .navbar 是一个 flex 容器，您只需 add the justify-content-center utility class 即可将导航栏中的所有内容居中。
所以下面的 <nav> 元素：
<nav class="navbar navbar-light bg-light text-primary navbar-personalized">
应该变成：
<nav class="navbar navbar-light bg-light text-primary navbar-personalized w-100 justify-content-center">
那应该给你你想要的。
我对 CSS 不是很满意。根据此代码。如何让 My Website 文本在我的导航栏中居中？
这是一个 JS fiddle 工作示例：https://jsfiddle.net/cvp8w2tf/2/ 感谢您的帮助！
Bootstrap 4 有一堆实用程序 类 您可以使用，您不必编写任何自定义 CSS 来完成您想要的。
检查导航栏，我发现它没有拉伸整个页面的宽度，因此您需要 use the w-100 utility class（它将元素的宽度设置为 100%）。
这将使导航项保持左对齐。由于 .navbar 是一个 flex 容器，您只需 add the justify-content-center utility class 即可将导航栏中的所有内容居中。
所以下面的 <nav> 元素：
<nav class="navbar navbar-light bg-light text-primary navbar-personalized">
应该变成：
<nav class="navbar navbar-light bg-light text-primary navbar-personalized w-100 justify-content-center">
那应该给你你想要的。