1. 360浏览器不兼容bootstrap问题描述
Bootstrap是一个非常流行的web前端框架，它可以帮助web开发者快速、方便地构建出美观且整洁的网站。然而，有些浏览器并不兼容Bootstrap，比如360浏览器。当我们使用360浏览器访问某个使用Bootstrap构建的网站时，页面很容易出现样式丑陋、排版错乱等问题。
那么，如何解决这个问题呢？
2. 解决360浏览器不兼容bootstrap问题的方式
2.1 使用CDN
Bootstrap提供了CDN方式的引用，我们可以直接使用Bootstrap官网提供的CDN资源来引用相关的CSS和JS文件。这样可以大大减少对浏览器的请求量，加快页面加载速度，同时也能够减轻对网站服务器的压力。示例代码如下：
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>
值得注意的是，如果您的网站是使用了HTTPS加密协议，那么使用这种方式来引用资源的时候，调用的资源也必须是HTTPS的。
2.2 定制CSS样式
如果你仍然想在360浏览器上使用Bootstrap，那么您可以尝试定制一些CSS样式来适配360浏览器。首先，您可以通过Bootstrap提供的gird栅格系统来对容器进行排版。在此基础上，您可以根据360浏览器的特点，对网站的样式进行微调。
在编写CSS样式的时候，需要注意的是选择器的优先级。尽量避免使用过于具体的选择器，或者在使用过程中添加样式覆盖规则。
2.3 使用HTML5shiv
HTML5shiv是一个非常常用的解决Bootstrap在一些老版本IE浏览器上不兼容的问题的方式。在引用Bootstrap的CSS文件之前，使用HTML5shiv可以让IE浏览器正确解析HTML5标签。
<!--[if lt IE 9]>
<script src="https://cdn.bootcdn.net/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->
请注意，这段代码需要在引用Bootstrap的CSS文件前面进行引用。
2.4 引入respond.js
respond.js是一个兼容IE6-8的JavaScript库，它可以让浏览器支持CSS3 media query，并解决IE在不同分辨率下的适应问题。在使用Bootstrap时，可以将respond.js的文件引入到页面中来解决IE浏览器的兼容问题。
<!--[if lt IE 9]>
<script src="https://cdn.bootcdn.net/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
启用respond.js的方式较为简单，只需要在引用respond.js文件后，为你的HTML标签加上"class='no-js'"，就可以在支持media query的浏览器上自适应页面。
3. 总结
360浏览器常常会因为与Bootstrap不兼容而导致页面样式丑陋、排版错乱等问题。但是，只要按照上述方式进行解决，可以轻松地解决这个问题，让您的网站在任何浏览器上都能够完美地展现出来。