Bootstrap 3 Tutorials – #12 Creating Collapsible panels

8
17



Bootstrap 3 Tutorials #12 Collapse panels in Bootstrap

Download Free Project files for This series.

Drop box :
Google Drive :
Mediafire:

(100% secure) Virus total scan

Subscribe to my YouTube Channel
YouTube :

Ask, Share, Like
Twitter :
Facebook :
Google+ :

In this video i will show you how to create Collapsible Group Item in Bootstrap. Classes like collapse. some of the classes that are used in this video are panel-collapse, collapse in etc.

Here are the links of all the video of this series

01 The grid system

#2 Buttons in Bootstrap

#3 Glyphicons in Bootstrap

#4 Form Components in Bootstrap

#5 Tables in Bootstrap

#6 Dropdown’s in Bootstrap

#7 Tabs in Bootstrap

#8 NavBar in Bootstrap

#9 ListGroups in Bootstrap

#10 Panels in Bootstrap

#11 Modals in Bootstrap

#12 Collapse in Bootstrap

#13 Carousels in Bootstrap

#14 Breadcrumbs in Bootstrap

#15 Pagination in Bootstrap

#16 Labels in Bootstrap

#17 Jumbotron in Bootstrap

#18 Thumbnail’s in Bootstrap

Nguồn:https://quydinh.com/

Xem Thêm Bài Viết Khác:https://quydinh.com/cong-nghe

8 COMMENTS

  1. Hello,

    thanks for video but I have a question,

    I am trying to use only one panel (instead of three as in the video) and it does not work on click. It is opened from the beginning, but if i try to click panel for it to close it does not work … ?

    I tried removing "IN" class from <div id="collapseone" class="panel-collapse collapse IN">
    and in this case it is closed from the beginning and when i click panel for it to open (expand) it does not work…?
    Any idea where is my mistake?

  2. Hello Lalit,

    You have used collapse and collpase both.
    In anchor and id tab you have used collpase, and in rest of it you have used collapse.
    Can you expalin me why did you used two different spellings for the same word ?

    Thanks
    Pankaj

  3. I tried to implement it in an existing code, developed in EAD4J Framework. Headings and Panel Hyperlinks are coming on screen, but neither are the panels opening nor collapsing. Also, the proper Color is not getting fetched & only a very thin outline color is there for the panels. Could u plz help me regarding this, as in what is the issue with the js or css implementations ? I have put the corresponding 2 css, js and jquery files in correct folders as required. Thank u.

LEAVE A REPLY

Please enter your comment!
Please enter your name here