Bootstrap 2列在移动的视图中不工作

0mkxixxg  于 2022-12-16  发布在  Bootstrap
关注(0)|答案(1)|浏览(127)

我的工作靴带,我希望两个徽章更近的距离,但与我目前的代码,它是显示一个在右侧和其他一个在左侧。
我试着给左属性的值,这是工作,但问题是,如果假设第一个徽章的大小得到增加,第二个徽章是与第一个徽章重叠,这是只发生在移动的视图。
有人能告诉我我做错了什么吗?请指引我。
这是我的徽章的CSS代码

.available_badge {
        left: 0% !important;
    }
    .badge-multilet {
        left: 0px !important;
    }
    @media screen and (min-device-width:320px) and (-webkit-min-device-pixel-ratio:2) {

        .badge-multilet {
            right: 0% !important;
            left: inherit !important;
        }
        .available_badge {
            left: 0% !important;
        }
    }

rpppsulh

rpppsulh1#

@媒体屏幕和(最小宽度:320 px)和(最大宽度:480 px)使用此. media查询

相关问题