如何在不使内部文本居中对齐的情况下对中引导卡?

时间:2019-01-13 17:21:06

标签: css html5 bootstrap-4

我正在使用引导程序为其网站上的卡片提供代码,但似乎无法在不对齐卡片内文本的情况下将卡片与我的页面居中对齐。

这就是我现在拥有的-> https://i.imgur.com/f06m0Qc.png

 var lastJsonValue = {input: {{data|JSON}} };

我要实现的样式是-> https://i.imgur.com/PaonbTR.png

现在不用担心样式,因为我可以在CSS中进行更改。

2 个答案:

答案 0 :(得分:0)

将您的代码放入div并添加一个类名,例如“ centered” 您的CSS可能如下所示:

.centered {
           margin-right:auto; 
           margin-left:auto ; 
}

答案 1 :(得分:0)

请检查以下链接。希望对您有所帮助。谢谢

http://jsfiddle.net/3vxtw786/ 777

我添加了一个带外班的家长潜水,并给了dispaly: flexjustify-content:center。这会将所有潜水带入中心

以下是您的推荐链接。 https://www.w3schools.com/cssref/css3_pr_justify-content.asp