首页bootstrap 使文字居中

bootstrap 使文字居中

时间: 2023-01-11 12:55:36 浏览: 185

bootstrap 的弹窗垂直居中

引用bootstrap-dialog弹窗插件所以得弹窗都垂直居中了如： $.imgpic = function(src) { var $textAndPic = $('<div></div>'); $textAndPic.append('<img width="100%" height="100%" src="'+src+'"/>'); BootstrapDialog.show({ title : '图片展示', message : $textAndPic }); };

要使文字居中，你可以使用 Bootstrap 的 `text-center` 类。例如： ``` <div class="text-center">这是一个居中的文本</div> ``` 或者你也可以使用 `mx-auto` 类来达到同样的效果： ``` <div class="mx-auto">这是一个居中的文本</div> ``` 这两种方法都可以用于居中块级元素，如果要居中内联元素，则可以使用 `.d-flex` 和 `.justify-content-center` 类： ``` <div class="d-flex justify-content-center">这是一个居中的文本</div> ``` 你还可以使用 Bootstrap 的 `.text-*-center` 类来对文本进行居中对齐，其中 `*` 可以是 `left`、`right` 或者 `center`。

阅读全文