диаграмма силы системы начальной загрузки должна быть выровнена к концу div - PullRequest
Новая
       9

диаграмма силы системы начальной загрузки должна быть выровнена к концу div

0 голосов
/ 27 сентября 2019

Как вы видите, у меня есть 3 диаграммы, каждая в своем собственном div, и я использую систему сетки Bootstrap для их создания, но начиная с рабочего стола, я хотел бы выровнять 3 диаграммы в одной строке, заставляя 3-ю вэтот случай, но может быть все из них в зависимости от данных каждого графика, но я не могу заставить его в конце div.как я могу заставить его до конца div?

enter image description here

Я уже пробовал margin-top: auto !important, но это не работает, я узнаюимеет отношение к тому, что в div не указана высота?

Вот мой код: 

<div class="container-fluid dashboardContainer d-lg-inline-block">
<div class="row">
    <div class="extchartdiv col-sm-12 col-md-6 col-lg-4 mb-3 mb-md-0">

            <div class="col-sm-12 mt-3 mt-md-0 p-md-0 chartcont">
                <h4 class="text-center mt-2">@lang('messages.dashboardMsg.category')</h4>
                <canvas id="categoryChart" width="50" height="50"></canvas>
            </div>
            <div class="col-sm-12 mt-4 p-0 chartcont">
                <ul class="chartul">
                PHP CODE
                </ul>
            </div>
    </div>

    <div class="extchartdiv col-sm-12 col-md-6 col-lg-4 mb-3 mb-md-0">
            <div class="col-sm-12 mt-3 mt-md-0 p-md-0 chartcont">
                <h4 class="text-center mt-2">@lang('messages.dashboardMsg.time')</h4>
                <canvas id="timeChart" width="50" height="50"></canvas>
            </div>
            <div class="col-sm-12 mt-4 p-0 chartcont">
                <ul class="chartul">
                PHP CODE
                </ul>
            </div>
    </div>

    <div class="extchartdiv col-sm-12 col-md-12 col-lg-4 mt-md-3 mt-lg-0">
            <div class="col-sm-12 mt-3 mt-lg-0 chartcont">
                <h4 class="text-center mt-2">@lang('messages.dashboardMsg.participant')</h4>
                <canvas id="participantChart" width="200" height="100"></canvas>
            </div>
            <div class="col-sm-12 mt-4 chartcont" style="overflow-y:auto;align-self:center">
                <ul class="chartul">
                PHP CODE
                </ul>
            </div>
    </div>
</div>

...