bootstrap div中的文本不遵守使用angular 8的div边界

在使用Angular 8时，如果在Bootstrap的div中的文本不遵守div边界，可能是由于CSS样式的冲突或者未正确引入Bootstrap库所致。以下是解决此问题的步骤：

1. 确保已正确引入Bootstrap库：在index.html文件中，通过以下方式引入Bootstrap库的CSS样式和JavaScript文件。

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

1. 检查CSS样式冲突：如果页面中使用了自定义的CSS样式，可能会与Bootstrap的样式发生冲突。通过检查和修改自定义CSS，确保不会干扰Bootstrap的样式。
2. 确保正确使用Angular的div边界：Angular中的组件通常是通过使用标签（例如 <div>）进行布局的。确保使用Angular提供的<div>标签包装文本内容，例如：

<div>
  文本内容
</div>

1. 使用Bootstrap的文本类样式：Bootstrap提供了一系列用于文本的类样式，可以通过在<div>标签上添加这些类来调整文本的样式。例如，如果想要居中文本，可以使用text-center类：

<div class="text-center">
  文本内容
</div>

通过以上步骤，可以解决在Bootstrap的div中的文本不遵守div边界的问题。请注意，以上答案中未提及腾讯云相关产品，如需了解腾讯云相关产品，请参考腾讯云官方文档或咨询腾讯云官方客服。