在使用bootstrap css时,如何将按钮置于文本下方?

时间:2015-07-16 19:01:51

标签: html css twitter-bootstrap

我的文字下方有一个按钮(请参阅小提琴http://jsfiddle.net/Leytgm3L/6/),我想将其置于中心位置,实际上我添加了这一行:

margin: 0 auto;

到这个按钮的css代码,但它没有工作...... 我该如何居中呢?

1 个答案:

答案 0 :(得分:3)

将它包装在带有“文本中心”类的div中。

<div class="text-center">
    <a href="#about" class="learn-btn animated fadeInUp">Learn more<i class="fa fa-arrow-down"></i></a>
</div>

https://jsfiddle.net/Leytgm3L/8/

“text-center”类是具有“text-align:center”属性的bootstrap助手类。

请参阅:

http://getbootstrap.com/css/#type-alignment