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如何改变文本内容位置

CSS font 属性的使用 如何在HTML中插入空格 HTML、CSS3怎么制作渐变边框 Dreamweaver CS6如何应用:[14]插入控件 html+css怎么实现横向导航
热门搜索
白砂糖图片 侧柏图片 12星座婚纱图片 中国56个民族图片 泰山的图片