2

Twitter の Bootstrap フレームワークは初めてです。ですから、私の無知をお許しください。

期待どおりに機能するカルーセルを作成しようとしています。ただし、iPhone のみ横方向には伸びません。コンピューターとiPadではそうです。Twitter の例 (ここ) はストレッチを行います。これが写真です。

カルーセル幅

これが私のcssです:

/* Carousel base class */

.carousel
{
  margin-bottom: 60px;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.carousel .container 
{
  position: relative;
  z-index: 9;
}

.carousel-control 
{
  height: 80px;
  margin-top: 0;
  font-size: 120px;
  text-shadow: 0 1px 1px rgba(0,0,0,.4);
  background-color: transparent;
  border: 0;
  z-index: 10;
}

.carousel .item 
{
  height: 500px;
}

.carousel img 
{
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}

.carousel-caption 
{
  background-color: transparent;
  position: static;
  max-width: 550px;
  padding: 0 20px;
  margin-top: 290px;
}

.carousel-caption h1,
.carousel-caption .lead 
{
  margin: 0;
  line-height: 1.25;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0,0,0,.4);
}
.carousel-caption .btn 
{
  margin-top: 10px;
}

ありがとうございました!

4

1 に答える 1