Bootstrap如何改变文本内容位置

1、打开HBuilder X，新建一个项目。

2、在新建项目里面的js中打开index.html。

3、在头部引入Bootstrap：

<!-- 引入 Bootstrap -->

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

4、引入JQuery：

<script src="https://code.jquery.com/jquery.js"></script>

<!-- 包括所有已编译的插件 -->

<script src="js/bootstrap.min.js"></script>

5、这里以三个P标签为例：

<p class="text-left">居左

<p class="text-right">居右

<p class="text-center">居中

6、下图是三个P标签所在位置：