Стиль CSS для центрирования div

Я пытаюсь получить таблицу цен на этой странице по центру: http://CloseDeals.co/sponsored

Я использую bootstrap, поэтому, возможно, есть способ переместить столбцы?

В настоящее время это оправдано слева, но я хочу, чтобы оно было сосредоточено.

Здесь код:

<section id="pricing" class="pricing">
<div class="container">
    <div class="row m-b-lg">
        <div class="col-lg-12 text-center">
            <div class="navy-line"></div>
            <h1><span class="navy"><strong>Get 50% Off Through This Sponsored Link!</strong></span></h1>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-4 wow zoomIn">
            <ul class="pricing-plan list-unstyled">
                <li class="pricing-title">
                    Monthly
                </li>
                <li class="pricing-desc">
                    21-day FREE Trial
                </li>
                <li class="pricing-price">
                    <s>$40</s> <span>$20</span>
                </li>
               <li>
                    Unlimited Sequences
                </li>
                <li>
                    Unlimited Active Contacts
                </li>
                <li>
                    Un-Sponsored Emails
                </li>
                <li>
                    Email & Chat Support
                </li>
                <li>
                    Import Contacts
                </li>
                <li>
                    API & Zapier Access
                </li>
            </ul>
        </div>

        <div class="col-lg-4 wow zoomIn">
            <ul class="pricing-plan list-unstyled selected">
                <li class="pricing-title">
                    Annual
                </li>
                <li class="pricing-desc">
                    21-day FREE Trial
                </li>
                <li class="pricing-price">
                  <s>$400</s> <span>$200</span>
                </li>
                <li>
                    Unlimited Sequences
                </li>
                <li>
                    Unlimited Active Contacts
                </li>
                <li>
                    Un-Sponsored Emails
                </li>
                <li>
                    Email & Chat Support
                </li>
                <li>
                    Import Contacts
                </li>
                <li>
                    API & Zapier Access
                </li>
                <li>
                    <strong>2 Months FREE!</strong>
                </li>
            </ul>
        </div>
    </div>
    <div class="row m-t-lg">
        <div class="col-lg-8 col-lg-offset-2 text-center m-t-lg">
            <a class="btn btn-primary btn-xs" href="http://app.closedeals.co/users/sign_up/fbs">Start Your 21-Day FREE Trial</a>
        </div>
    </div>
</div>


</div>

</section>

Я попытался добавить:

<div class="container" align="center">
-2
источник поделиться
3 ответа

на странице есть загрузочный лоток, поэтому вы можете использовать класс смещения, я попробовал в инспекторе смещение в 2 и кажется приятным

<div class="col-lg-4 col-lg-offset-2 wow zoomIn animated" style="visibility: visible; animation-name: zoomIn;">

вы можете попробовать другие значения, если хотите:

Col-LG-смещение-2

здесь больше информации: привязка сетки загрузки

0
источник

вы можете сделать это с помощью flexbox, вы поместите этот код в родительский элемент двух полей

 YOUR CONTAINER{
    display: flex;
    justify-content: center;
}
0
источник

Вы хотите компенсировать первую таблицу цен?

Вы можете добавить смещение к первому элементу.

<div class="col-lg-4 col-lg-offset-2 wow zoomIn animated">

0
источник

Посмотрите другие вопросы по меткам или Задайте вопрос