居中文字，Bootstrap按钮

 我们所要做的只是把

text-center

class属性添加给 需要居中的文字 元素。

 <h2 class="red-text text-center">CatPhotoApp</h2>

Bootstrap有它自己的

button

按钮风格， 看起来要比默认的按钮好看得多。

  <button class="btn">Like</button>

通常情况下，你的

button

元素仅与它所包含的文本一样宽。通过使其成为块级元素，你的按钮将会伸展并填满页面整个水平空间，任何在它之下的元素都会跟着浮动至该区块的下一行。

这张图阐述了行内元素与块级元素的区别：

<button class="btn btn-block">Like</button>

深蓝色

btn-primary

是你的应用的主要颜色，被用在那些用户主要采取的操作上。浅蓝色

btn-info

被用在那些用户可能会采取的操作上。红色

btn-danger

被用来提醒用户该操作具有“破坏性”

<button class="btn btn-block btn-primary">Like</button>