Bootstrap如何改变文本内容位置

2025-04-17 12:28:05

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

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> <p class="text-right">居右</p> <p class="text-center">居中</p>

Bootstrap如何改变文本内容位置

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

Bootstrap如何改变文本内容位置
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢