Question

你能帮我解决以下问题：我希望在最小化屏幕时，这两排可以并排放置。我无法使用ID在div中创建div，因为它们将被JavaScript函数中的数据覆盖。

<div class="row">         
    <div class="col-md-3" id="dias">360</div>
    <div class="col-md-3" id="horas">24</div>
    <div class="col-md-3" id="minutos">60</div>
    <div class="col-md-3" id="segundos">60</div>
</div>

<div class="row"> 
    <div class="col-md-3">Dias</div>
    <div class="col-md-3">Horas</div>
    <div class="col-md-3">Minutos</div>
    <div class="col-md-3">Segundos</div>
</div>

感谢您的时间。

Answer 1

好的，我最终像这样嵌套它，它就像我想要的那样工作。

<div class="row">    

      **<div class="col-xs-6 col-md-12">** 

            <div class="col-md-3" id="dias">360</div>
            <div class="col-md-3" id="horas">24</div>
            <div class="col-md-3" id="minutos">60</div>
            <div class="col-md-3" id="segundos">60</div>

        </div>

      **<div class="col-xs-6 col-md-12">**  

            <div class="col-md-3">Dias</div>
            <div class="col-md-3">Horas</div>
            <div class="col-md-3">Minutos</div>
            <div class="col-md-3">Segundos</div>

        </div>

        </div>

调整大小时，Bootstrap行并排

1 个答案: