Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 引导转盘百分比_Html_Css_Twitter Bootstrap 3 - Fatal编程技术网

Html 引导转盘百分比

Html 引导转盘百分比,html,css,twitter-bootstrap-3,Html,Css,Twitter Bootstrap 3,每当我试图以百分比形式(例如,100%)编辑引导转盘的高度时,转盘不会响应。我如何使它的高度达到100% <div class="carousel-inner" role="listbox"> <div class="item"> <img class="first-slide" src="https://www.apple.com/osx/elcapitan-preview/static/osx-preview/overview/her

每当我试图以百分比形式(例如,100%)编辑引导转盘的高度时,转盘不会响应。我如何使它的高度达到100%

    <div class="carousel-inner" role="listbox">
    <div class="item">
      <img class="first-slide" src="https://www.apple.com/osx/elcapitan-preview/static/osx-preview/overview/hero/image_large.jpg" alt="First slide">
      <div class="container">
        <div class="carousel-caption">
          <h1>Utah Unicycling Society</h1>
          <p>The only Unicycling Society in Utah</p>
        </div>
      </div>
    </div>
    <div class="item">
      <img class="second-slide" src="http://images.nationalgeographic.com/wpf/media-live/photos/000/187/cache/canyons-utah_18730_990x742.jpg" alt="Second slide">
      <div class="container">
        <div class="carousel-caption">
          <a href="Our-Team.html" id="join"><h1 style="color:#FFF">Join Us!</h1></a>
          <p>Today, millions of people are realizing that unicycling is great. Join the Utah Unicycling Society, and become a better unicyler today.</p>
        </div>
      </div>
    </div>
    <div class="item active">
      <img class="third-slide" src="New pictures/Hands Low.jpg" alt="Third slide">
      <div class="container">
        <div class="carousel-caption">
          <a href="Donations.html" id="join"><h1 style="color:#FFF">Donate</h1></a>
          <p>We can't get money if you don't donate!</p>
        </div>
      </div>
    </div>
     <div class="item">
      <img class="fourth-slide" src="TheRoad.jpg" alt="Fourth slide">
      <div class="container">
        <div class="carousel-caption">
          <h1>The Road to Success</h1>
          <p>Here at Utah Unicycling Society, we believe in the road to success, and follow it every day.</p>
      </div>
    </div>
  </div>
  </div>

如果可以的话,请帮忙

旋转木马将响应您的img。 使用所需的高度定义“slide”类,如:

.first-slide {
     height: 300px;
  max-height: 300px;
}

对所有四张幻灯片都这样做。

请提供一些此行为的示例代码,以便我们可以帮助您调试。您是否尝试过调整外部旋转木马div的大小?此外,高度:100%并不意味着100%的屏幕,这意味着。旋转木马内部和它的内容填充了div的整个高度,它的内部/正上方。如果你想看,这里是我的网站
.first-slide {
     height: 300px;
  max-height: 300px;
}