常见问题

点击展开互动面板，秒速获取最新比分和社区热聊！和万千球迷一起嗨翻全场，感受im体育的无限魅力。

im体育官方平台

基础示例

这是第一个手风琴项目的主体内容。默认情况下它是隐藏的，直到折叠插件添加适当的类，我们使用这些类来设置每个元素的样式。这些类控制整体外观，以及通过CSS过渡进行显示和隐藏。您可以使用自定义CSS或覆盖默认变量来修改任何内容。还值得注意的是，几乎任何HTML都可以放在 .accordion-body,尽管过渡效果会限制溢出。

这是第二个手风琴项目的主体内容。默认情况下它是隐藏的，直到折叠插件添加适当的类，我们使用这些类来设置每个元素的样式。这些类控制整体外观，以及通过CSS过渡进行显示和隐藏。您可以使用自定义CSS或覆盖默认变量来修改任何内容。还值得注意的是，几乎任何HTML都可以放在 .accordion-body在im电竞方面，im体育提供贴心周到的支持。

这是第三个手风琴项目的主体内容。默认情况下它是隐藏的，直到折叠插件添加适当的类，我们使用这些类来设置每个元素的样式。这些类控制整体外观，以及通过CSS过渡进行显示和隐藏。您可以使用自定义CSS或覆盖默认变量来修改任何内容。还值得注意的是，几乎任何HTML都可以放在 .accordion-bodyim体育以im体育分析为核心，带来高效便捷的体验。

<!-- Basic accordion -->
<div class="accordion" id="accordionExample">

  <!-- Item -->
  <div class="accordion-item">
    <h2 class="accordion-header" id="headingOne">
      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">Accordion Item #1</button>
    </h2>
    <div class="accordion-collapse collapse show" id="collapseOne" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
      <div class="accordion-body">This is the first item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element.</div>
    </div>
  </div>

  <!-- Item -->
  <div class="accordion-item">
    <h2 class="accordion-header" id="headingTwo">
      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Accordion Item #2</button>
    </h2>
    <div class="accordion-collapse collapse" id="collapseTwo" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
      <div class="accordion-body">This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element.</div>
    </div>
  </div>

  <!-- Item -->
  <div class="accordion-item">
    <h2 class="accordion-header" id="headingThree">
      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">Accordion Item #3</button>
    </h2>
    <div class="accordion-collapse collapse" id="collapseThree" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
      <div class="accordion-body">This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element.</div>
    </div>
  </div>
</div>

// Basic accordion
#accordionExample.accordion

  // Item
  .accordion-item
    h2#headingOne.accordion-header
      button(type="button", data-bs-toggle="collapse", data-bs-target="#collapseOne", aria-expanded="true", aria-controls="collapseOne").accordion-button
        | Accordion Item #1
    #collapseOne.accordion-collapse.collapse.show(aria-labelledby="headingOne", data-bs-parent="#accordionExample")
      .accordion-body
        | This is the first item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element.
  
  // Item
  .accordion-item
    h2#headingTwo.accordion-header
      button(type="button", data-bs-toggle="collapse", data-bs-target="#collapseTwo", aria-expanded="false", aria-controls="collapseTwo").accordion-button.collapsed
        | Accordion Item #2
    #collapseTwo.accordion-collapse.collapse(aria-labelledby="headingTwo", data-bs-parent="#accordionExample")
      .accordion-body
        | This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element.
  
  // Item
  .accordion-item
    h2#headingThree.accordion-header
      button(type="button", data-bs-toggle="collapse", data-bs-target="#collapseThree", aria-expanded="false", aria-controls="collapseThree").accordion-button.collapsed
        | Accordion Item #3
    #collapseThree.accordion-collapse.collapse(aria-labelledby="headingThree", data-bs-parent="#accordionExample")
      .accordion-body
        | This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element.

无边框示例

想了解更多im体育官网相关内容，尽在im体育。 .accordion-bodyim体育围绕im体育直播不断创新，回应用户的真实需求。

精选im体育数据内容，im体育与你一同发现更多精彩。 .accordion-bodyim体育专注im电竞，为用户提供专业可靠的体验。

围绕im体育分析，im体育持续打磨更优质的服务。 .accordion-bodyim体育深耕im体育官网领域，用心服务每一位用户。

<!-- Flush accordion. Use this when you need to render accordions edge-to-edge with their parent container -->
<div class="accordion accordion-flush" id="accordionFlushExample">

  <!-- Item -->
  <div class="accordion-item">
    <h2 class="accordion-header" id="flush-headingOne">
      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="true" aria-controls="flush-collapseOne">Accordion Item #1</button>
    </h2>
    <div class="accordion-collapse collapse show" id="flush-collapseOne" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample">
      <div class="accordion-body">This is the first item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</div>
    </div>
  </div>

  <!-- Item -->
  <div class="accordion-item">
    <h2 class="accordion-header" id="flush-headingTwo">
      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo">Accordion Item #2</button>
    </h2>
    <div class="accordion-collapse collapse" id="flush-collapseTwo" aria-labelledby="flush-headingTwo" data-bs-parent="#accordionFlushExample">
      <div class="accordion-body">This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</div>
    </div>
  </div>

  <!-- Item -->
  <div class="accordion-item">
    <h2 class="accordion-header" id="flush-headingThree">
      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree">Accordion Item #3</button>
    </h2>
    <div class="accordion-collapse collapse" id="flush-collapseThree" aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample">
      <div class="accordion-body">This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</div>
    </div>
  </div>
</div>

// Flush accordion. Use this when you need to render accordions edge-to-edge with their parent container
#accordionFlushExample.accordion.accordion-flush

  // Item
  .accordion-item
    h2#flush-headingOne.accordion-header
      button(type="button", data-bs-toggle="collapse", data-bs-target="#flush-collapseOne", aria-expanded="true", aria-controls="flush-collapseOne").accordion-button
        | Accordion Item #1
    #flush-collapseOne.accordion-collapse.collapse.show(aria-labelledby="flush-headingOne", data-bs-parent="#accordionFlushExample")
      .accordion-body
        | This is the first item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element.
  
  // Item
  .accordion-item
    h2#flush-headingTwo.accordion-header
      button(type="button", data-bs-toggle="collapse", data-bs-target="#flush-collapseTwo", aria-expanded="false", aria-controls="flush-collapseTwo").accordion-button.collapsed
        | Accordion Item #2
    #flush-collapseTwo.accordion-collapse.collapse(aria-labelledby="flush-headingTwo", data-bs-parent="#accordionFlushExample")
      .accordion-body
        | This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element.
  
  // Item
  .accordion-item
    h2#flush-headingThree.accordion-header
      button(type="button", data-bs-toggle="collapse", data-bs-target="#flush-collapseThree", aria-expanded="false", aria-controls="flush-collapseThree").accordion-button.collapsed
        | Accordion Item #3
    #flush-collapseThree.accordion-collapse.collapse(aria-labelledby="flush-headingThree", data-bs-parent="#accordionFlushExample")
      .accordion-body
        | This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element.