要解决“包括Bootstrap会搞乱CSS”的问题，可以采取以下几种方法：

1. 使用Bootstrap的自定义样式：Bootstrap提供了一些自定义的样式类，可以根据自己的需要选择性地使用。通过使用自定义样式类，可以避免Bootstrap覆盖您自己的CSS样式。例如，使用.container而不是.container-fluid来限制容器的宽度。

2. 引入Bootstrap的CSS文件之前，先引入自己的CSS文件：通过在HTML文件中先引入自己的CSS文件，再引入Bootstrap的CSS文件，可以确保自己的样式优先于Bootstrap的样式被应用。这样做可以减少Bootstrap对CSS的影响。

3. 使用自定义的CSS选择器：如果您想保留Bootstrap的样式，同时又想修改某些特定元素的样式，可以使用自定义的CSS选择器来覆盖Bootstrap的样式。通过使用更具体的选择器，您可以确保自己的样式优先应用于特定元素。

  
标题

.my-heading {
  font-size: 24px;
}

4. 修改Bootstrap的源代码：如果以上方法都不适用，您可以直接修改Bootstrap的源代码来满足自己的样式需求。但请注意，这样做可能会导致升级Bootstrap变得困难，并且可能会影响与其他框架或插件的兼容性。

无论采取哪种方法，都建议仔细阅读Bootstrap文档，并了解其CSS类和样式的工作原理，以更好地控制样式。