bootstrap v3.3.2 - col-xs-* tidak ditampilkan di layar kecil

Dengan kode ini ketika lebar wadah kurang dari 792px konten div dengan kelas 'col-xs-6' menghilang.

<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>

bagaimana cara menampilkannya?


html css twitter-bootstrap-3
person giuliobosco    schedule 08.08.2018    source sumber
comment
Karena 'col-xs' terpicu saat layar lebih rendah dari 768 piksel, apakah Anda mengubah ukuran layar cukup jauh?   -  person Seregmir    schedule 08.08.2018

Jawaban (1)


arrow_upward
0
arrow_downward

tambahkan baris nama kelas ke kelas atas

<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
Senang membantu, dan selamat datang di Stack Overflow. Jika jawaban ini atau jawaban lainnya menyelesaikan masalah Anda, harap tandai sebagai diterima - person kannan D.S; 10.08.2018