我需要在中心显示带有 class="col-md-6"
这是代码,它在左边显示计时器,我需要在中间显示时间
<div class="container">
<div class="row">
<div class="wpb_column vc_column_container col-md-6">
<div class="vc_column-inner ">
<div class="wpb_wrapper">
<div class="event-wrapper featured-event ">
<!-- the loop -->
<div class="upcoming-campaign">
<img width="555" height="400" src="http://andrejceccoli.com/wp-content/uploads/2016/10/elezioni_sfondo.jpg" class="img-responsive wp-post-image" alt="Elezioni Politiche">
<div class="campaign-scoop">
<h3 class="title"><a href="http://trendytheme.net/demo2/wp/nominee/onepage/event/election-campaign/">Elezioni Politiche</a></h3>
<span class="start-date">Inizia il: <span class="colored">20 Nov 2016</span></span>
<div class="countdown-wrapper">
<ul class="countdown list-inline" data-countdown="2016-11-20">
<li><span class="days">38<span><p>Days</p></span></span>
</li>
<li><span class="hours">07<span><p>Hour</p></span></span>
</li>
<li><span class="minutes">48<span><p>Minutes</p></span></span>
</li>
<li><span class="second">12<span><p>Second</p></span></span>
</li>
</ul>
</div>
<address><i class="fa fa-map-marker"></i>San Marino</address>
<span class="event-duration colored"><i class="fa fa-clock-o"></i>08:00 AM - 23:00 PM</span>
</div>
<!-- .campaign-scoop -->
</div>
<!-- .upcoming-campaign -->
<!-- end of the loop -->
</div>
</div>
</div>
</div>
</div>
</div>
最佳答案
Bootstrap 3
添加 col-md-offset-3
类,它将偏移 3 列,假设 Bootstrap 有一个 12 列的网格,这将放置一个 col-md-6
元素就在中间。
Documentation reference on offsets .
Bootstrap 4
使用offset-3
或mx-auto
将col-md-6
列居中
关于css - 如何使用 col-md-6 居中 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40002198/