css - 如何创建尺寸为 80*60 的轮播？

Question

我有一个旋转木马，我希望我的旋转木马尺寸变成 80*60。我该怎么做？

<div id="mycarousel2" class="carousel slide" data-ride="carousel">
    <div class="carousel-inner">
        <div class="item active">
            <img src="IMG1.png" alt="..." class="img-responsive">
        </div>
        <div class="item">
            <img src="IMG2.png" alt="..." class="img-responsive">
        </div>
        <div class="item">
            <img src="IMG3.png" alt="..." class="img-responsive">
        </div>
    </div>
</div>

Answer 1

您可以将它包裹在一个 80 x 60 的小块中

Bootstrap :http://www.bootply.com/bHdeZhS30z

HTML

<div class="small-block">
  <div id="mycarousel2" class="carousel slide" data-ride="carousel">
      <div class="carousel-inner">
          <div class="item active">
              <img src="IMG1.png" alt="..." class="img-responsive">
          </div>
          <div class="item">
              <img src="IMG2.png" alt="..." class="img-responsive">
          </div>
          <div class="item">
              <img src="IMG3.png" alt="..." class="img-responsive">
          </div>
      </div>
  </div>
</div>

CSS

.small-block{
    width:80px;
    height:60px;
    background: cyan;
  }