居中文字,Bootstrap按钮

时间:2023-02-11 07:40:53

 我们所要做的只是把text-center class属性添加给 需要居中的文字 元素。

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


Bootstrap有它自己的button 按钮风格, 看起来要比默认的按钮好看得多。

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

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

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

居中文字,Bootstrap按钮

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


深蓝色btn-primary是你的应用的主要颜色,被用在那些用户主要采取的操作上。浅蓝色btn-info被用在那些用户可能会采取的操作上。红色btn-danger被用来提醒用户该操作具有“破坏性”

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