При использовании автоматического определения размеров столбцов в Got в Bootstrap 4 они навсегда игнорируются после уменьшения размера браузера.

Question

Как объясняет заголовок, у меня есть простая строка, которая содержит один или два столбца.Им дается явный размер столбца в точке останова xs и col-md.

. Он работает полностью, как и ожидалось, за исключением того, что после изменения размера браузера (только меньшего размера) col-md мгновенно игнорируется, независимо от того,о том, достигнута его точка останова или нет.

Единственное решение для исправления размера - обновить страницу.

<div class="row">
    <div class="col-12 col-md">
        <div class="panel panel-primary">
            <div id="revenue" class="panel-body text-center"></div>
        </div>
    </div>

    <div class="col-12 col-md">
        <div class="panel panel-primary">
            <div id="wc-conv" class="panel-body text-center">

            </div>
        </div>
    </div>
</div>

Я понятия не имею, что вызывает это, и есть лилюбые решения.

Answer 1

, поэтому у bootstrap 4 нет сетки .col-xs.Вместо .col-xs-6 теперь это .col-6.Итак, попробуйте вот так

<div class="row">
<div class="col-sm-12 col-md">
    <div class="panel panel-primary">
        <div id="revenue" class="panel-body text-center"></div>
    </div>
</div>

<div class="col-sm-12 col-md">
    <div class="panel panel-primary">
        <div id="wc-conv" class="panel-body text-center">

        </div>
    </div>
</div>

или

<div class="row">
<div class="col-12 col-md">
    <div class="panel panel-primary">
        <div id="revenue" class="panel-body text-center"></div>
    </div>
</div>

<div class="col-12 col-md">
    <div class="panel panel-primary">
        <div id="wc-conv" class="panel-body text-center">

        </div>
    </div>
</div>