在 Bootstrap 中居中 2 张图片

Question

我还在学习 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

Sass:

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

hr
  visibility: hidden

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

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

Answer 1

您的第二个分组 class 名称拼写错误。 containter 应该是 container

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

在 Bootstrap 中居中 2 张图片

Centering 2 images in Bootstrap

sass

twitter-bootstrap

pug