Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在引导中将div置于col-md-12的中心_Html_Css_Twitter Bootstrap - Fatal编程技术网

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,或者添加一些css
h1{text align:center;}
?是否仅将其水平居中?还是垂直的
适用于引导,无需添加任何样式,除非您已经为
h1
添加了一些样式。即使是这样,你也可以使用
.text center
来表示
h1
@ShekharPankaj术语“中心”仅指水平方向,如果OP想要垂直方向,他的问题是错误的,他应该使用术语“垂直中间”,我不确定我是否理解你的意思。我有id为“tlo-1”的div和子项h1。我必须用自定义宽度为h1制作背景色。我是否应该为div'tlo-1'或h1(带左/右边距或宽度?)键入背景色?如果您不知道如何使用:pseudo class,请在此处解释使用:pseudo class for
h1
并将其置于
绝对位置
尝试做更多的研究,而不是问每个问题。你可以得到一些提示和解决问题的办法,这些都不是你努力就能解决的。我还要注意一件事。我尝试使用伪元素,但问题是h1或div的背景色在绝对位置时覆盖了h1文本颜色。