Bootplus保留評論

你會如何去保持在默認情況下打開卡中的評論..？截至目前，這裏是我的代碼：Bootplus保留評論

<div class="card"> 
    <h3 class="card-heading simple">Simple News Card</h3> 
    <div class="card-body"> 
     ... 
    </div> 
    <div class="card-comments"> 
     <div class="comments-collapse-toggle"> 
     <a data-toggle="collapse" data-target="#c1-comments" href="#c1-comments">34 comments <i class="icon-angle-down"></i></a> 
     </div> 
     <div id="c1-comments" class="comments collapse"> 
     <div class="media"> 
      <a class="pull-left" href="#"> 
       <img class="media-object" data-src="holder.js/28x28" alt="avatar"/> 
      </a> 
      <div class="media-body"> 
       <h4 class="media-heading">Comment title</h4> 
       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam...</p> 
      </div> 
     </div> 
     </div> 
    </div> 
</div>

（從Bootplus複製）

但評論默認是隱藏的，當你點擊的34評論鏈接，註釋打開和關閉之間切換。。

默認情況下，我將如何保持打開狀態？

DEMO (The first example)

來源

2014-01-15 Anshu Dwibhashi

可能要刪除崩潰類 –

移除坍塌刪除切換功能 –

添加類'in'到'.comments'並設置'style =「height：auto」'。 –

如果你可以修改HTML你可以這樣做：

<div id="c1-comments" class="comments in collapse" style="height: auto">

來源

2014-01-15 07:37:17

哎呀..堆棧會讓我接受4分鐘後..我upvoted雖然.. –

@AnshumanDwibhashi謝謝！回來後再接受，沒問題。 –

完成，接受..！ –

Bootplus保留評論

回答

相關問題