CSS樣式居中一個div

-2

我試圖讓中心此頁面上的價格表：http://CloseDeals.co/sponsored CSS樣式居中一個div

我使用的引導，所以也許有移動列的方式？

它目前正確的左邊，但我希望它居中。

下面的代碼：

<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">

來源

2016-04-19 Dustin

你可以發佈你的代碼，你試過了嗎？ –

謝謝。我更新了它。 – Dustin

該頁面有bootstrap，所以你可以使用偏移類，我試着在檢查員偏移2和看起來不錯

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

你可以嘗試另一種價值觀，如果你想：

COL-LG-偏移2

這裏是詳細信息： bootstrap grid offseting

來源

2016-04-19 17:08:40

你可以用Flexbox，就去做了，你把這個代碼將兩個箱子的父

YOUR CONTAINER{ 
    display: flex; 
    justify-content: center; 
}

來源

2016-04-19 17:07:47 DanyCode

你想抵消第一個定價表？

您可以向第一個項目添加偏移量。

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

來源

2016-04-19 17:09:26 nallenanderson

CSS樣式居中一個div

回答

相關問題