Html bootstrap div中的文本与使用angular 8的div边界无关

这是html代码

以下是引导程序正确安装的证明：

.boarder{
  border: solid 1px blueviolet;
}

这就是这该死的东西的样子

为什么要这样？你知道为什么吗？请解释原因

使用单词break:break all；它将打破冗长的文字

.boarder{
  border: solid 1px blueviolet;
}

"styles": [
              "./node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css",
              "src/styles.scss",
              "node_modules/bootstrap/dist/css/bootstrap.min.css",
              "node_modules/font-awesome/css/font-awesome.css"
              ],