Bootstrap设置文本内容居中、居右等属性和JavaScript等语言不同,需要一定的改变。这里小编教你如何在Bootstrap中改变文本内容的位置。
工具/原料
电脑
HBuilderX
方法/步骤
1、打开HBuilderX,新建一个项目。
2、在新建项目里面的js中打开index.html。
3、在头部引入Bootstrap:<!--引入Bootstrap-->挢旗扦渌; <linkhref=&q锇栀劐箨uot;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"rel="stylesheet">
4、引入JQue筠续师诈ry:<scriptsrc="https://code.jquery.com/jquery.js&quo墉掠载牿t;></script> <!--包括所有已编译的插件--> <scriptsrc="js/bootstrap.min.js"></script>
5、这里以三个P标签为例:<pclass="text-left">居左</p> <pclass="text-right">居右</p> <pclass="text-center">居中</p>
6、下图是三个P标签所在位置: