bootstrap v3.3.2 - col-xs-* ไม่แสดงบนหน้าจอขนาดเล็ก

ด้วยรหัสนี้เมื่อความกว้างของคอนเทนเนอร์น้อยกว่า 792px เนื้อหาของ 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' เมื่อหน้าจอต่ำกว่า 768px คุณปรับขนาดหน้าจอลงมากพอหรือไม่   -  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