代码之家  ›  专栏  ›  技术社区  ›  user1030181

如何对齐引导映像中心

  •  0
  • user1030181  · 技术社区  · 6 年前

    将图像居中对齐。我正在使用3.3.7版本的引导程序。我尝试使用文本中心或style=“text align:center”对我无效

    <div class="row">
        <div style="overflow:hidden" class="col-sm-8">
            <img src="../../../../Images/ThinkstockPhotos-457383369.jpg" />
        </div>
    </div>
    
    3 回复  |  直到 6 年前
        1
  •  1
  •   user10866229    6 年前

    加上 center-block '以类的形式显示-不需要额外的css

    <img src="images/default.jpg" class="center-block img-responsive"/>
    
        2
  •  0
  •   Geethanjana Nallaperumage    6 年前

    如果要寻找内联css解决方案,请尝试此操作。添加边距:0自动。

    <div class="row">
        <div style="overflow:hidden; margin:0 auto;" class="col-sm-8">
            <img src="../../../../Images/ThinkstockPhotos-457383369.jpg" />
        </div>
    </div>
    
        3
  •  0
  •   user10866229    6 年前

    twitter引导程序有一个类,该类以: .pagination-centered

    这对我来说很管用:

    <div class="row-fluid">
       <div class="span12 pagination-centered"><img src="header.png" alt="header" /></div>
    </div>
    

    该类的css为:

    .pagination-centered {
      text-align: center;
    }