Bootstrap 2.3中心div内容

时间:2014-11-29 14:22:07

标签: css twitter-bootstrap

在这个网站上avoirundevis.fr我需要在这张照片上集中这样的内容:http://www.evernote.com/l/AMM-nvY7omBHtLzs4VFLBhTzw6wkkTS5rjw/

我尝试使用此代码http://jsfiddle.net/94150148/utxnmr1h/,但我不知道如何做到这一点,感谢您的帮助

<div class="row-fluid">
<div class="span6"><a href="/devis/fenetres-pvc-bois-alu/">Fenêtres (PVC, bois, alu)</a></div>
<div class="span6"><a href="/devis/facade-ravalement-enduit/">Façade (ravalement, enduit,...)</a></div>
</div>
<div class="row-fluid">
<div class="span6"><a href="/devis/construction-extension/">Construction - Extension</a></div>
<div class="span6"><a href="/devis/sols-interieurs/">Sols intérieurs</a></div>
</div>

2 个答案:

答案 0 :(得分:1)

Tout ce que tuasàfaire(je me permets de mettreenfrançaishein,puisque je vois que ...),c'estdecréerdescolonnes vides:

<div class="row-fluid">
  <div class="span1"></div>
  <div class="span5"><a href="/devis/fenetres-pvc-bois-alu/">Fenêtres (PVC, bois, alu)</a></div>
  <div class="span5"><a href="/devis/facade-ravalement-enduit/">Façade (ravalement, enduit,...)</a></div>
  <div class="span1"></div>
</div>

答案 1 :(得分:0)

样式宝贝:

我更新了你的jsfiddle上的html / css:http://jsfiddle.net/utxnmr1h/7/

的CSS:

.container {
text-aling:center;
width:100%;
}
.row-fluid {
width:80%;
margin:auto;
}

html:我在你提供的文件之外添加了一个div,并将其命名为容器。