我正在使用如下所示的引导网格,我正在尝试集中一些div。(图片)。我已经尝试了所有{边距:0自动;宽度:50%}等,但我无法解决。集中一些div不会那么难。这里有什么问题?请不要将其标记为重复。我已经研究了一整天,我就是无法解决。谢谢
<header data-spy="affix" id="myHeader" class="container row">
<div class="col-sm-4 ">
<div class="centralize">
<a href="http://www.facebook.com" target="_blank">
<img class="logos" src="images/facebook.png" onmouseover="zoomin(this.id)" onmouseout="zoomout(this.id)">
</a>
<a href="http://www.twitter.com" target="_blank">
<img class="logos" src="images/twitter.png" onmouseover="zoomin(this.id)" onmouseout="zoomout(this.id)">
</a>
<a href="http://www.instagram.com" target="_blank">
<img class="logos" src="images/instagram.png" onmouseover="zoomin(this.id)" onmouseout="zoomout(this.id)">
</a>
</div>
</div>
<div class="col-sm-4">
<div class="centralize">
//Other Stuff to be centralized
</div>
</div>
<div class="col-sm-4">
<div class="centralize">
//Other Stuff to be centralized
</div>
</div>
</header>
要在div中居中对齐内容,请使用:
.centralize {
text-align: center;
}
实际上{边距:0自动;宽度:50%}应该可以工作。
但在您的代码中,我看到您正在使用。父div上的col-sm-4类只占用宽度的1/3。它可能与一起工作。而col-sm-12需要100%
问题内容: 我需要使用引导程序通过将div定位在页面中心来创建响应页面,如下面提到的布局。 问题答案: Bootstrap 4的更新 使用flex-box简化垂直网格对齐 Bootstrap 3的解决方案 这是一个以所有屏幕尺寸为中心的水平和垂直div的简单示例。
我如何让图像垂直居中Div/Row.我已经搜索过了,但所有的解决方案似乎都指向这是一个好的解决方案——但它对我不起作用。我正在使用Bootstrap 3... https://www.bootply.com/vQFalT6KxG
我有一个引导行,其中包含数量可变的div,它们需要相对于父行居中。到目前为止,html设置如下: 我用javascript克隆并附加到内部。项目容器的数量可变。项目。它很好用,如果有问题的话。项目超过3个,由于网格配置,它们可以正确地包装到其他行上。我无法实现的是将这组div集中在其父对象中。 将“.text center”指定给父级不起作用 父对象上的文本对齐和子对象上的内联块不起作用 使父级灵
我在img标记中使用.img响应类。图像非常小(42K),但当加载页面时,图像显示几秒钟相当大,直到缩小到适合容纳它的元素的大小为止。 我应该如何使用bootstrap处理响应性元素?
问题内容: 我正在尝试使用CSS Grid创建一个简单的页面。 我无法做的是将HTML文本集中到相应的网格单元格。 我尝试将内容放置在和选择器内部和外部的单独s中,并使用某些CSS属性无效。 我该怎么做呢? 问题答案: 这个答案有两个主要部分: 了解对齐方式在CSS Grid中的工作方式。 在CSS Grid中居中的六种方法。 如果您仅对解决方案感兴趣,请跳过第一部分。 网格布局的结构和范围 要完
我想创建一个居中的引导导航栏与标志。我是这样看的: 我怎样才能做到这一点呢?