2016-07-06 67 views
0

其他每个div都居中,但是这个区域居中。几个小时以来它一直在让我疯狂。我终于打破并张贴。附加是一张照片,你可以看到它不居中。不能居中该引导区div

你可以看到它生活here

格的图像未居中:

Image of div not centered

+0

你想实现什么? – makshh

+0

div在中心? –

+1

寻求调试帮助的问题(**“为什么这个代码不工作?”**)必须包含*期望的行为*,*特定的问题或错误*和*必要的最短代码*来重现它**自问**。没有**明确问题陈述**的问题对其他读者没有用处。请参阅:[如何创建最小,完整和可验证示例](http://stackoverflow.com/help/mcve)。 –

回答

0

如果我理解你是对的,你想每个见证集中在其包含div?如何将margin-left: 25%;添加到.testimonial-section.testimonial-description

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

您可以使用引导辅助类.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> 
+0

这是Bootstrap – ZimSystem

0

试试这个:

.testimonial节{0} {0} {0} {0}}余量:0自动; }

+0

精确解答您的答案的正确方法。他应该在哪里尝试?哪个文件改变?给出详细的答案。 –