无法居中这个Bootstrap div

时间:2016-07-06 12:14:23

标签: css twitter-bootstrap

每个其他div都以此为中心。它让我疯了几个小时。我终于崩溃并发布了。附上一张照片,你可以看到它不在中心。

你可以看到它here

div的图像不居中:

Image of div not centered

4 个答案:

答案 0 :(得分:2)

您可以使用引导辅助类.center-block.text-center来集中内容

<div class="col-md-6">
    <div class="testimonial-section center-block">
         Denim you probably haven't heard of. Lorem ipsum dolor met consectetur adipisicing sit amet, consectetur adipisicing elit, of them jean shorts sed magna aliqua. Lorem ipsum dolor met.
    </div>
    <div class="testimonial-desc text-center">
        <img src="https://placeholdit.imgix.net/~text?txtsize=9&amp;txt=100%C3%97100&amp;w=100&amp;h=100" alt="">
        <div class="testimonial-writer">
            <div class="testimonial-writer-name">Zahed Kamal</div>
            <div class="testimonial-writer-designation">Front End Developer</div>
            <a href="#" class="testimonial-writer-company">Touch Base Inc</a>
        </div>
    </div>
    </div>

答案 1 :(得分:1)

您需要添加以下内容:

.testimonial-section {
    margin: 0 auto;
}

.testimonial-desc {
    text-align: center;
}

enter image description here

您可以选择添加以下内容:

.testimonial-section:after {
    margin-left: 5px;
}

将成为:

enter image description here

答案 2 :(得分:0)

试试这个:

  

.testimonial-section {       保证金:0自动; }

答案 3 :(得分:0)

如果我理解你的话,你希望每个推荐都以其包含的div为中心吗?如何将SQLException添加到margin-left: 25%;.testimonial-section