Bootstrap当中，实现一些常用的元素居中

1.文本内容居中：利用bootstrap自带CSS样式表当中 的   text-center 样式来实现。

首先要引入css文件

<link rel="stylesheet" href="/baidu/css/bootstrap.min.css"type="text/css"/>

然后给需要居中的文本内容添加一个class类    class= “text-center” 这样就可以实现响应式文本居中，适用于手机端和桌面端

2.图片居中：利用bootstrap自带CSS样式表当中 的  center-block  样式来实现。

需要给img同样添加一个class类  class=“center-block” 这样就可以在布局中实现图片居中

3.其他类型元素居中：利用bootstrap列偏移的概念。

在实现其他类型的元素居中时，咱们可以用到bootstrap当中网格的概念：首先网格最多是显示12列，多余的就会切换到下一行，咱们要设定居中，意味着，要设置内容所占网格的大小，并且利用列偏移

       列偏移：使用 .col-md-offset-* 类可以将列向右侧偏移。这些类实际是通过使用* 选择器为当前元素增加了左侧的边距（margin）。例如，.col-md-offset-4 类将 .col-md-4 元素向右侧偏移了4个列（column）的宽度。