E041 - alex1221/bootlint-customization GitHub Wiki

E041

.carousel-inner 必须含有 .item.active 类的子集.

如Bootstrap文档中描述的, 为了使 Carousel 插件正常的工作，它需要有一个初始的 .item，并且 .item必须具有.active类。也就是说所有轮播必须包含至少一张幻灯片，零幻灯片无法正常工作。

错误的:

<div class="carousel-inner" role="listbox">
  <div class="item">...</div>
  <div class="item">...</div>
  ...
</div>

正确的:

<div class="carousel-inner" role="listbox">
  <div class="item active">...</div>
  <div class="item">...</div>
  ...
</div>

.carousel 必须有一个 .carousel-inner 子集.

一个.carousel 必须有一个 .carousel-inner 才能容纳幻灯片.

错误的:

<div id="carousel-example-generic" class="carousel slide">
  <ol class="carousel-indicators">...</ol>

  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>

也错误的:

<div id="carousel-example-generic" class="carousel slide">
  <ol class="carousel-indicators">...</ol>

  <div class="carousel-inner" role="listbox">
    ...
  </div>
  <div class="carousel-inner" role="listbox">
    ...
  </div>

  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>

正确的:

<div id="carousel-example-generic" class="carousel slide">
  <ol class="carousel-indicators">...</ol>

  <div class="carousel-inner" role="listbox">
    ...
  </div>

  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>

Bootlint documentation wiki content is licensed under the CC BY 3.0 License, and based on Bootstrap's docs which are copyright Twitter, Inc.

⚠️ **GitHub.com Fallback** ⚠️