Html 如何在引导中将div置于col-md-12的中心
我在Html 如何在引导中将div置于col-md-12的中心,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我在col-md-12内对中部件时遇到问题。例如,我有12列,里面有或。我想居中 某物 适用于引导,无需添加任何样式,除非您已经为h1添加了一些样式。即使是这样,您也可以使用.text center进行h1 似乎您正在父分区中使用宽度。如果您需要内容为100%宽度,请不要这样做。根据背景,如果你需要100%的面积占据背景,你可以简单地在div中使用它。如果没有,你最好将它与一些伪类一起使用:before或before:after将class=“text center”添加到div中 某物
col-md-12
内对中部件时遇到问题。例如,我有12列,里面有
或
。我想
居中
某物
适用于引导,无需添加任何样式,除非您已经为h1
添加了一些样式。即使是这样,您也可以使用.text center
进行h1
似乎您正在父分区中使用宽度。如果您需要内容为100%宽度,请不要这样做。根据背景,如果你需要100%的面积占据背景,你可以简单地在div中使用它。如果没有,你最好将它与一些伪类一起使用:before或before:after将class=“text center”添加到div中
某物
文本中心类来自引导。您可以将
文本中心类添加到h1
某物
在引导程序4中
我知道这不是这个问题的直接答案,但它可能会帮助一些人
要使孩子水平居中,请使用bootstrap-4类
justify-content-center
align-items-center
要使孩子垂直居中,请使用bootstrap-4类
justify-content-center
align-items-center
但请记住,不要忘记将d-flex类用于这些
这是一个bootstrap-4实用程序类,就像这样
<div class="d-flex justify-content-center align-items-center" style="height:100px;">
<span class="bg-primary">MIDDLE</span>
</div>
中间的
复制并粘贴此代码段以检查其工作方式
注意:如果此代码不起作用,请确保添加bootstrap-4实用程序
希望这能帮助一些人。请向我们展示您的css,或者添加一些cssh1{text align:center;}
?是否仅将其水平居中?还是垂直的
适用于引导,无需添加任何样式,除非您已经为h1
添加了一些样式。即使是这样,你也可以使用.text center
来表示h1
@ShekharPankaj术语“中心”仅指水平方向,如果OP想要垂直方向,他的问题是错误的,他应该使用术语“垂直中间”,我不确定我是否理解你的意思。我有id为“tlo-1”的div和子项h1。我必须用自定义宽度为h1制作背景色。我是否应该为div'tlo-1'或h1(带左/右边距或宽度?)键入背景色?如果您不知道如何使用:pseudo class,请在此处解释使用:pseudo class forh1
并将其置于绝对位置
尝试做更多的研究,而不是问每个问题。你可以得到一些提示和解决问题的办法,这些都不是你努力就能解决的。我还要注意一件事。我尝试使用伪元素,但问题是h1或div的背景色在绝对位置时覆盖了h1文本颜色。