Bootstrap -当宽度改变时，div中的元素被分成两行

Bootstrap是一个流行的前端开发框架，它提供了一套响应式的网页设计工具，可以帮助开发者快速构建美观、易于维护的网页界面。

当宽度改变时，div中的元素被分成两行，这可能是因为使用了Bootstrap的栅格系统。Bootstrap的栅格系统是一种基于12列的网格布局，通过将页面水平划分为12个等宽的列，开发者可以轻松地创建自适应的布局。

当宽度改变时，如果div中的元素超出了所在列的宽度，Bootstrap会自动将多余的元素放置在下一行。这样可以确保在不同设备上都能正常显示，并且保持良好的用户体验。

为了解决这个问题，可以采取以下几种方法：

1. 调整栅格布局：可以尝试调整div所在的栅格布局，使其能够容纳更多的元素。可以通过增加或减少列的数量，或者调整列的宽度来实现。
2. 使用响应式类：Bootstrap提供了一系列的响应式类，可以根据不同的设备尺寸来隐藏、显示或重新排列元素。可以根据需要添加相应的类来控制元素在不同宽度下的显示方式。
3. 使用媒体查询：如果需要更精细地控制元素在不同宽度下的布局，可以使用CSS的媒体查询来自定义样式。通过设置不同的CSS规则，可以根据不同的宽度范围来调整元素的位置和大小。

推荐的腾讯云相关产品：腾讯云CDN（内容分发网络），它可以加速网页的加载速度，提高用户访问体验。产品介绍链接地址：https://cloud.tencent.com/product/cdn