bootstrap4轮播carousel-caption如何垂直居中
2021-01-06 17:28:20
个人博客
22
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%);}。
我自己试过在外面的div加bootstrap4自带的垂直居中定位代码,但是没法实现,只有用上面这种。希望对大家有帮助。
扩展阅读:Bootstrap4轮播如何实现响应式