Hi bhavuksuthar,
It's not the use of glyphicons, but it's a CSS positioning thingy.
All glyphicons buttons have a {position: absolute}, that is they are absolute positioned in respect of the first level upwards that has a {position:relative}.
Now no level above the buttons has a {position:relative}, so the "relative" is given to the <body> element (by default).
Result: all buttons are stacked in the same place at the top of the page.
But what you want is to connect each button to the respective panel accordion. Then you can give all panel titles the relative position:
- #event-title h4{
-
font-size: 14px;
-
position: relative;
-
}
See updated fiddle: