相关疑难解决方法(0)

我试图遵循一个非常基本的例子.使用入门页面和网格系统,我希望以下内容:

<div class="row">
  <div class="span12">
    <h1>Bootstrap starter template</h1>
    <p>Example text.</p>
  </div>
</div>

......会产生中心文本.

但是,它仍然出现在最左边.我究竟做错了什么？

我使用Bootstrap 3进行目录.当在平板电脑上显示时,产品图像看起来很难看,因为它们的尺寸很小(500x500),浏览器的宽度为767像素.我想把图像放在屏幕的中央,但由于某种原因,我不能.谁将帮助解决问题？

有没有办法在主要父母的内部垂直或水平居中html元素？

我正在使用bootstrap 3,我想在图像顶部添加一个带图标的链接并垂直居中.

<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
<div class="col-post">
  <div class="post-img"> <a href="#" class="my-icon"></a> <a href="mylink">
    <div class="overlay"> <img src="myimage.jpg" alt="#" class="img-responsive"> </div>
    </a> 
    </div>
  <!--post-img-->
  <div class="post-icons"></div>
</div>
</div>

我希望带有my-icon类的链接位于图像的中心.我的图标位于绝对位置,后img位于相对位置.

任何帮助将非常感激.

如何在 Bootstrap 4 卡中将图像居中？这是一个垂直图像，左对齐看起来不对。我一直在阅读 Bootstrap Card 文档，但找不到任何有关使图像居中的内容。

<div class="card-deck">
  <div class="card col-sm-3">
    <div>
      <img class="card-img-top" src="image_URL" alt="alt-text" >
      <div class="card-block">
        <div class="card-text">
            text
        </div>
      </div>
    </div>
  </div>