html bodt怎么居中,html – Bootstrap:如何在列中垂直居中内容

博主正在寻求在Bootstrap布局中实现四列内容的垂直居中显示,前三列包含图片,第四列包含文字描述。他们希望解决方案能针对不同屏幕尺寸响应,并且主要依赖于Bootstrap的内置类,而非纯CSS解决方案。目前提供的解决方案尚未奏效。问题集中在如何在保持结构不变(尤其是`col-lg-1`)的情况下,实现内容的垂直居中。
摘要由CSDN通过智能技术生成

我现在花了几个小时来解决这个问题并阅读了无数的问题,但是所提供的解决方案都没有适用于我,所以我现在要发布我的具体问题:

我想构建一个包含四列的行.前三列中有图片,第四列有文字描述,我想垂直居中显示(意思是顶部和底部有相同的边距,显然不是固定的,但是响应于改变的屏幕尺寸).这是代码:

Some text that is supposed to be vertically centered within the column

它必须对Bootstrap特定的类做一些事情,而不是基于CSS的解决方案,我可以在这个上找到它.如何在这个特定的例子中使它工作?您可以随意对此部分进行任何更改:

Some text that is supposed to be vertically centered within the column

但是,如果可能,结构的其余部分应保持不变(包括col-lg-1).

非常感谢您的帮助!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值