Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.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 带自举的中柱_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 带自举的中柱

Html 带自举的中柱,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我试图使用偏移量将容器与col-md-5居中,但它并没有完全居中。我听说您可以将其嵌套在另一个容器中以使其居中,但不确定如何做到这一点。我所有的javascript链接和引导都存在,但在下面的代码中没有显示,只是为了缩短阅读时间。我在下面附上了我的代码。谢谢你帮助我学习和提高我的技能 HTML 正文{ 背景图像:url(../../Icons/VIVISON.jpeg); 背景尺寸:封面; 背景重复:无重复; } #报名{ 边缘顶部:60像素; 边界半径:5px; 垫底:20px; 背景:白色

我试图使用偏移量将容器与col-md-5居中,但它并没有完全居中。我听说您可以将其嵌套在另一个容器中以使其居中,但不确定如何做到这一点。我所有的javascript链接和引导都存在,但在下面的代码中没有显示,只是为了缩短阅读时间。我在下面附上了我的代码。谢谢你帮助我学习和提高我的技能

HTML

正文{
背景图像:url(../../Icons/VIVISON.jpeg);
背景尺寸:封面;
背景重复:无重复;
}
#报名{
边缘顶部:60像素;
边界半径:5px;
垫底:20px;
背景:白色;
}
.蓝色按钮{
背景色:#00b4ff;
颜色:#fff;
利润率最高:7%;
利润底部:3%;
宽度:100%;
}
#标志{
边缘顶部:20px;
}
h1{
字号:1em;
字体大小:正常;
边缘顶端:13px;
}
#个人{
显示:块;
}
#母公司{
显示:无;
}
#小的{
字号:0.8em;
}

注册为
个人
子女的父母
生日
月
一月
二月
前进
四月
也许
六月
七月
八月
九月
十月
十一月
十二月
白天
年
证实
孩子的生日
月
一月
二月
前进
四月
也许
六月
七月
八月
九月
十月
十一月
十二月
白天
年
证实

通过注册,您同意我们的


CSS
对于您尝试的布局,我建议使用
mx auto
代替
offset-*
。前者只是将列推到中心,后者仅在未使用列数为偶数时才用于居中(因此col-8 offset-2起作用,因为8+2等于10,并且有2个未使用列等于12;引导网格列长度)


测验
正文{
背景图像:url(../../Icons/VIVISON.jpeg);
背景尺寸:封面;
背景重复:无重复;
}
#报名{
边缘顶部:60像素;
边界半径:5px;
垫底:20px;
背景:白色;
左边距:自动;
右边距:自动;
}
.蓝色按钮{
背景色:#00b4ff;
颜色:#fff;
利润率最高:7%;
利润底部:3%;
宽度:100%;
}
#标志{
边缘顶部:20px;
}
h1{
字号:1em;
字体大小:正常;
边缘顶端:13px;
}
#个人{
显示:块;
}
#母公司{
显示:无;
}
#小的{
字号:0.8em;
}

注册为
个人
子女的父母
生日
月
一月
二月
前进
四月
也许
六月
七月
八月
九月
十月
十一月
十二月
白天
年
证实
孩子的生日
月
一月
二月
前进
四月
也许
六月
七月
八月
九月
十月
十一月
十二月
白天
年
证实

通过注册,您同意我们的


CSS
如果您使用的是bootstrap版本3,那么您只需更改放置在

<body>
<div class="container">
    <div class="col-md-6 col-md-offset-3" id="sign-up">

此处的工作示例:


很乐意提供帮助:)

哪个引导版本?必须是基于使用
offset md-*
的BS4。在以前的版本中,实用程序是
col-*-offset-*
是的,我也注意到了这一点,但我希望OP能澄清这一点。它是BS4。澄清没有错!相关:,以及