我们所要做的只是把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>