吴彦祖

您现在的位置是: 网站首页 >  个人博客 >  福利分享 > 

个人博客

bootstrap4轮播carousel-caption如何垂直居中

2021-01-06 17:28:20 个人博客 50
bootstrap4自带的轮播,carousel-caption内包含的字体默认是在底部的,无法通过在外层的div和carousel-caption这个div上加其他属性来让他垂直居中。怎样来实现垂直居中呢?在你的css文件中新增一个.carousel-caption{top: 50%;transform: translate(0%,-35%);}。

bootstrap4自带的轮播,carousel-caption内包含的字体默认是在底部的,无法通过在外层的div和carousel-caption这个div上加其他属性来让他垂直居中。

怎样来实现垂直居中呢?在你的css文件中新增一个.carousel-caption{top: 50%;transform: translate(0%,-35%);}。

bootstrap4轮播carousel-caption如何垂直居中

我自己试过在外面的div加bootstrap4自带的垂直居中定位代码,但是没法实现,只有用上面这种。希望对大家有帮助。


扩展阅读:Bootstrap4轮播如何实现响应式