Having problem with bootstrap icon in Panel

**CSShunter** · Oct 4 '15, 05:05 PM

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:relat ive}.
Now no level above the buttons has a {position:relat ive}, 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:

Code:

#event-title h4{
    font-size: 14px;
    position: relative;
}

See updated fiddle:

http://jsfiddle.net/Wc4xt/3057/

Having problem with bootstrap icon in Panel

Having problem with bootstrap icon in Panel

Comment