无法使用bootstrap启动collpased div关闭

时间:2018-05-13 17:52:28

标签: html css html5 css3 bootstrap-4

遇到一点麻烦,无法启动折叠的div关闭,它开始打开。一些帮助将不胜感激

<div class="card">
        <div class="card-header bg-danger">
            <a class="card-link text-dark" data-toggle="collapse" href="#collapseOne2"><span class="fas fa-newspaper solid size-1x"></span> News</a>
        </div>
        <div id="collapseOne2" class="collapse show" data-parent="#accordion">
        <div class="card-body">
            Cras eu est tortor. Maecenas varius massa arcu, quis hendrerit nulla molestie id. Maecenas non lorem ex. Morbi 
            malesuada augue ut magna lacinia, eu scelerisque erat hendrerit. Duis mattis lorem velit, sed dictum velit
            mattis scelerisque. Fusce ut lacus eu nulla vestibulum vehicula. Pellentesque diam ante, aliquam pretium quam 
            sit amet, vestibulum mattis neque. Cras eu est tortor. Maecenas varius massa arcu, quis hendrerit nulla molestie 
            id. Maecenas non lorem ex. Morbi malesuada augue ut magna lacinia, eu scelerisque erat hendrerit. Duis mattis 
            lorem velit, sed dictum velit mattis scelerisque. Fusce ut lacus eu nulla vestibulum vehicula. Pellentesque diam ante, 
            aliquam pretium quam sit amet, vestibulum mattis neque.</div>
        </div>
    </div>

2 个答案:

答案 0 :(得分:0)

好的,明白了。如果您删除&#34; show&#34;崩溃后,它会工作,使用谷歌的检查注意到:D

答案 1 :(得分:0)

我希望这会帮助你..我删除节目类

   <div class="card" id="accordion">
           <div class="card-header bg-danger">
               <a class="card-link text-dark" data-toggle="collapse" href="#collapseOne2"><span class="fas fa-newspaper solid size-1x"></span> News</a>
        </div>
            <div id="collapseOne2" class="collapse" data-parent="#accordion">
            <div class="card-body">
        Cras eu est tortor. Maecenas varius massa arcu, quis hendrerit nulla molestie id. Maecenas non lorem ex. Morbi 
        malesuada augue ut magna lacinia, eu scelerisque erat hendrerit. Duis mattis lorem velit, sed dictum velit
        mattis scelerisque. Fusce ut lacus eu nulla vestibulum vehicula. Pellentesque diam ante, aliquam pretium quam 
        sit amet, vestibulum mattis neque. Cras eu est tortor. Maecenas varius massa arcu, quis hendrerit nulla molestie 
        id. Maecenas non lorem ex. Morbi malesuada augue ut magna lacinia, eu scelerisque erat hendrerit. Duis mattis 
        lorem velit, sed dictum velit mattis scelerisque. Fusce ut lacus eu nulla vestibulum vehicula. Pellentesque diam ante, 
        aliquam pretium quam sit amet, vestibulum mattis neque.</div>
         </div>
      </div>