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

萨斯：

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

hr
  visibility: hidden

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

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

Answer 1

你的第二个分组有一个拼写错误的类名。 containter应为container

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

在Bootstrap中居中2个图像

1 个答案: