2016-07-06 64 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

精確解答您的答案的正確方法。他應該在哪裏嘗試?哪個文件改變?給出詳細的答案。 –