Html 导航栏引导中的Div打破中心

我有一个导航栏，它与以下代码完美地居中：

        <nav class="navbar navbar-light bg-light text-primary navbar-personalized w-100 justify-content-center navbar-personalized">
        <div class="row">
            <a class="navbar-brand">
                My WebSite
            </a>
        </div>
    </nav>

您需要在行之后创建列。因此，只需为每个div添加col-12，并将文本设置为居中

<div class="row">
   <div class="col-12">
      <a class="navbar-brand">
  My Web Site
</a>

  <div id="messageAdministrateur" onclick="alert('This is an alert')" style="color:red;text-align: center;width: 100%;">
  <center><b>WARNING, NEWdd MESSAGE</b></center><b><center>CLICK</b></center>
  </div>
     </div>
    </div>


.navbar-personalized{
  position: absolute !important;
  top: 0;
  left: 0px;
}

.row {
  text-align: center;
}


我的网站
警告，NEWdd MESSAGECLICK
.导航栏个性化{
位置：绝对！重要；
排名：0；
左：0px；
}
.行{
文本对齐：居中；
}
您只需在
nav
之后的
div
上添加以下样式即可。在这里，您可以使用
flex
向中心证明您的内容。并将其置于屏幕中央，将宽度设置为
100%

style="display:flex; justify-content:center; width:100%"


.navbar-个性化{
位置：绝对！重要；
排名：0；
左：0像素；
}

我的网站
我的网站
警告，新消息
点击

Lorem ipsum dolor sit amet，是一位杰出的献身者。在前多洛，malesuada vitae semper a，imperdiet eu sapien。埃尼安·康格·米，欧盟委员会主席，nisl maximus nec。药房悬液。自由生活的效率
这是我的生活。这是一个很好的例子。但欧盟毛里斯在我的埃格斯塔斯rhoncus非维塔麦格纳。这是一种新的交通工具。在乌尔纳坐着一个临时调味品。斑节对虾
马格尼斯产褥期母鼠。

检查下面的答案
style="display:flex; justify-content:center; width:100%"