您的位置首页百科问答

bootstrap怎么让内容居中

bootstrap怎么让内容居中

的有关信息介绍如下:

bootstrap怎么让内容居中

在boostrap框架中,可以使用“text-center”实现内容在水平方向居中显示。下面小编举例讲解bootstrap怎么让内容居中。

新建一个html文件,命名为test.html,用于讲解bootstrap怎么让内容居中。

在test.html文件内,使用link标签引入bootstrap框架的css文件bootstrap.min.css。

在test.html文件内,创建一个class属性为row的div,即创建一行。

在div内,再创建两个div,并设置它们class属性为col-sm-6,实现两列内容。

在test.html文件内,再给其中一个div的class属性添加text-center,实现它的内容居中显示。

在浏览器打开test.html文件,查看实现的效果。

1、使用link标签引入bootstrap框架的css文件bootstrap.min.css。2、创建一个class属性为row的div,即创建一行。3、在div内,再创建两个div,并设置它们class属性为col-sm-6,实现两列内容。4、再给其中一个div的class属性添加text-center,实现它的内容居中显示。5、在浏览器打开test.html文件,查看实现的效果。