养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Bootstrap如何改变文本内容位置

时间:2024-10-25 11:34:45

Bootstrap设置文本内容居中、居右等属性和JavaScript等语言不同,需要一定的改变。这里小编教你如何在Bootstrap中改变文本内容的位置。

工具/原料

电脑

HBuilderX

方法/步骤

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

Bootstrap如何改变文本内容位置

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

Bootstrap如何改变文本内容位置

3、在头部引入Bootstrap:<!--引入Bootstrap-->挢旗扦渌; <linkhref=&q锇栀劐箨uot;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"rel="stylesheet">

Bootstrap如何改变文本内容位置

4、引入JQue筠续师诈ry:<scriptsrc="https://code.jquery.com/jquery.js&quo墉掠载牿t;></script> <!--包括所有已编译的插件--> <scriptsrc="js/bootstrap.min.js"></script>

Bootstrap如何改变文本内容位置

5、这里以三个P标签为例:<pclass="text-left">居左</p> <pclass="text-right">居右</p> <pclass="text-center">居中</p>

Bootstrap如何改变文本内容位置

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

Bootstrap如何改变文本内容位置

© 一点知识