bootstrap v3.3.2 - col-xs-* не отображается на маленьких экранах

С этим кодом, когда ширина контейнера меньше 792 пикселей, содержимое div с классом «col-xs-6» исчезает.

<div class="cont">
    <div class="top">
        <div class="col-md-3 text-center col-xs-6">
            <small>id:</small>
            0001
        </div>
        <div class="col-md-3 text-center col-xs-6">
            <small>reference:</small>
            PRJ1
        </div>
        <div class="col-md-3 text-center">
            <small>name:</small>
            Project 1
        </div>

    </div>
</div>

как я могу его отобразить?


html css twitter-bootstrap-3
person giuliobosco    schedule 08.08.2018    source источник
comment
Поскольку «col-xs» срабатывает, когда экран меньше 768 пикселей, достаточно ли вы уменьшили размер экрана?   -  person Seregmir    schedule 08.08.2018

Ответы (1)


arrow_upward
0
arrow_downward

добавить строку имени класса в верхний класс

<div class="cont">
<div class="top row">
<div class="col-md-3 text-center col-xs-6">
<small>id:</small>
0001
</div>
<div class="col-md-3 text-center col-xs-6">
<small>reference:</small>
PRJ1
</div>
<div class="col-md-3 text-center">
<small>name:</small>
Project 1
</div>

</div>
</div>
person kannan D.S    schedule 08.08.2018
comment
Рад помочь и добро пожаловать в Stack Overflow. Если этот или любой другой ответ решил вашу проблему, отметьте его как принятый. - person kannan D.S; 10.08.2018