Bootstrap如何改变文本内容位置

 时间:2026-04-23 06:48:11

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

Bootstrap如何改变文本内容位置

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

Bootstrap如何改变文本内容位置

3、在头部引入Bootstrap:

<!-- 引入 Bootstrap -->

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

Bootstrap如何改变文本内容位置

4、引入JQuery:

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

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

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

Bootstrap如何改变文本内容位置

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

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

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

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

Bootstrap如何改变文本内容位置

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

Bootstrap如何改变文本内容位置

  • CSS font 属性的使用
  • 如何在HTML中插入空格
  • HTML、CSS3怎么制作渐变边框
  • Dreamweaver CS6如何应用:[14]插入控件
  • html+css怎么实现横向导航
  • 热门搜索
    7月5日是什么星座 圭臬是什么意思 学时是什么意思 在什么中成长作文 五官指什么 属鼠的和什么属相最配 合肥有什么好玩的地方景点推荐 釜底抽薪什么意思 ctc是什么意思 芒果不能和什么一起吃