在我的新Angular6项目中Bootstrap4和媒体查询不起作用

在您的新Angular6项目中，如果Bootstrap4和媒体查询不起作用，可能是由于以下几个原因导致的：

1. 未正确引入Bootstrap4库：确保您已经正确地将Bootstrap4库引入到您的项目中。您可以通过在index.html文件中添加以下代码来引入Bootstrap4的CSS和JavaScript文件：

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

1. 未正确配置媒体查询：Bootstrap4使用媒体查询来实现响应式布局。请确保您已经正确地使用了Bootstrap提供的CSS类和媒体查询规则。例如，您可以使用d-sm-none类来隐藏在小屏幕设备上不需要显示的元素。
2. Angular6项目的样式冲突：如果您在Angular6项目中同时使用了自定义的样式和Bootstrap4，可能会导致样式冲突。请检查您的样式文件，确保没有覆盖Bootstrap4的样式。
3. 缺少必要的依赖：在Angular6项目中使用Bootstrap4，您可能需要安装一些必要的依赖。请确保您已经安装了bootstrap和jquery依赖。您可以使用以下命令来安装它们：

npm install bootstrap jquery

安装完成后，您需要在angular.json文件中的styles和scripts数组中添加相应的引用：

"styles": [
  "node_modules/bootstrap/dist/css/bootstrap.min.css",
  "src/styles.css"
],
"scripts": [
  "node_modules/jquery/dist/jquery.min.js",
  "node_modules/bootstrap/dist/js/bootstrap.min.js"
]

以上是解决Bootstrap4和媒体查询不起作用的一般步骤。如果问题仍然存在，您可以进一步检查浏览器的开发者工具，查看是否有任何错误或警告信息。另外，您还可以参考腾讯云提供的前端开发相关产品，如腾讯云Web+和腾讯云CDN等，以提高项目的性能和稳定性。