在 Bootstrap 中居中 2 个图像 [关闭]答案

【问题标题】：Centering 2 images in Bootstrap [closed]在 Bootstrap 中居中 2 个图像 [关闭]
【发布时间】：2015-02-18 21:28:49
【问题描述】：

我还在学习 Bootstrap，我想在 Bootstrap 中将 2 个图像居中。

我的代码在这里：http://codepen.io/anon/pen/wBmeZL?editors=100

玉：

.container
  .row
    .col-sm-12.text-center
      img(alt="wyzelweimarski" src="http://placehold.it/1050x200")

hr

.containter
  .row
    .col-sm-6
      figure.text-center
        img.img-thumbnail(alt="wyzelweimarski" src="http://placehold.it/500x300")
        figcaption
          button.btn.btn-success(type="button") Click
    .col-sm-6
      figure.text-center
        img.img-thumbnail(alt="wyzelweimarski" src="http://placehold.it/500x300")
        figcaption
          button.btn.btn-success(type="button") Click

萨斯：

img
  max-width: 100%
  padding-top: 10px

hr
  visibility: hidden

figcaption
  padding-top: 10px
  padding-bottom: 10px

这就是我所拥有和想要的：http://imgur.com/a/vgn02

【问题讨论】：

标签： twitter-bootstrap sass pug

【解决方案1】：

您的第二个分组有一个拼写错误的类名。 containter 应该是 container

http://codepen.io/anon/pen/emMEZR?editors=100

【讨论】：