当前位置: 首页 > 知识库问答 >
问题:

如何在bootstrap中集中响应图像?[副本]

龙亮
2023-03-14

喂,我的网站底部有一个小小的“facebook、instagram、twitter”图标。我无法将图像居中?救命啊!

超文本标记语言:

<div class="container-fluid2"><img src="../Website Pic/Capture.PNG" 
alt="Placeholder image" width="90" class="img-responsive-icon"><img 
src="../Website Pic/Capt1ure.PNG" alt="Placeholder image" width="85" 
class="img-responsive-icon"><img src="../Website Pic/f.PNG" alt="Placeholder 
image" width="72" class="img-responsive-icon"></div>

CSS:

.img-responsive-icon {
display: inline-block;
padding-left: 10px;
padding-right: 10px;
float: none;
padding-bottom: 5px;
padding-top: 25px;
max-height: none;

共有3个答案

郑西岭
2023-03-14

试试这个:

.container-fluid2 {

    text-align: center;

}
温峻熙
2023-03-14
.container-fluid2 {
  text-align: center;
}

文本对齐:将中心对准父容器即可。

此处链接:https://jsfiddle.net/zzzu88ww/

饶志
2023-03-14

引导方法是添加类“文本中心”。

<div class="container-fluid2 text-center"></div>
 类似资料:
  • 问题内容: 例如,此URL: 应该返回一个类型的响应。我有两个静态图片, 如果type为1,则应该返回,否则返回。在烧瓶中怎么做? 问题答案: 你使用类似 发送回或,具体取决于类型查询参数。有关更多信息,请参见函数和对象的文档。

  • 问题内容: 例如,此URL: 应该返回一个MIME类型的响应。我有两个静态图像, 如果type为1,则应返回,否则返回。在烧瓶中怎么做? 问题答案: 您使用类似 发送回或,具体取决于类型查询参数。有关更多信息,请参见函数和对象的文档。

  • 问题内容: 我正在使用Bootstrap 3.0创建网站。我是新手。我想要的是,当浏览器尺寸太小时,我想在div中心放置图像,我有此代码。 问题答案: 更新2018 Bootstrap 2.x 您可以创建一个新的CSS类,例如: 然后,将其添加到每个IMG: 或者,如果要将所有图像居中,则只需覆盖即可。 演示: http : //bootply.com/86123 Bootstrap 3.x 编辑

  • 所以我是python的初学者,正在尝试制作仪表板。 我有一个文件夹,上面有我上传的照片。 结构: 我应该如何设置,以便我可以加载图片并将其放入

  • 有人知道如何巧妙地删除图像吗? 非常感谢!

  • 我给了每列20%的宽度,使其适合当前屏幕大小,如何使其对所有屏幕大小都有响应。我在这里创作了一把小提琴。请帮助我使行具有五列响应。 html CSS