Bootstrap - 更改@media 或 CSS？答案

【问题标题】：Bootstrap - change @media or CSS?Bootstrap - 更改@media 或 CSS？
【发布时间】：2018-08-09 02:17:56
【问题描述】：

我目前有一排 2 。每个 div 都有一个按钮，在全视图时很好，但由于按钮相互重叠，所以没有响应。

最好在引导文件中添加@media (max-width:767px) {.col-xs-2 {width: 50%;} 还是在 CSS 中进行更改？

【问题讨论】：

【解决方案1】：

在列中，您可以为中型桌面设备添加.col-md-6，为移动设备或超小型设备添加.col-xs-6

您的专栏现在应该是

.col-md-6 col-xs-6

【讨论】：

【解决方案2】：

bootstrap 中按钮的默认显示是 inline-block。

在按钮元素上试试这个：

display: block;
float: left; /*Optional!*/

【讨论】：