Bootstrap - 更改@media或CSS?

时间:2018-03-01 04:11:26

标签: css twitter-bootstrap-3 responsive-design

我目前有2行。每个div都有一个按钮,在全视图中很好,但由于按钮相互重叠,因此没有响应。

最好在bootstrap文件中添加@media(max-width:767px){.col-xs-2 {width:50%;}或更改CSS?

2 个答案:

答案 0 :(得分:2)

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

您的专栏现在应该是

.col-md-6 col-xs-6

答案 1 :(得分:0)

bootstrap中按钮的默认显示是内联块。

在按钮元素上尝试:

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