Совместимость панели BB кодов с Bootstrap & Select2

[IgorA100 90]

К сожалению дистрибутив включающий CSS ничего не знает про существование Bootstrap & Select2. Тем не менее в последнее время данные дополнения активно развиваются и пользуются популярностью.

Приобретя шаблон с Bootstrap и(или) Select2 и попытке вывести BB панель кодов (например при добавлении публикации через сайт) увидим как все расползется абы-куда..... Что-бы избежать этого, нужно вставить в свой файл стилей данные строки:

/*BB кодес редактор, иначе проблемы с Bootstrap*/

#b_font select, #b_size select{

    width:auto !important;

    height:auto !important;

    line-height:normal !important;

    margin-bottom: 0px !important;

}

.bb-sel {padding: 1px 2px 0 !important;}



/*BB кодес редактор, иначе проблемы с Select2*/

#b_font .select2-container .select2-choice, #b_size .select2-container .select2-choice{

    height: auto !important;

    line-height: normal !important;

}

.bb-sel .select2-container:after {content: normal !important;}

#b_font, #b_size {

    width:auto !important;

}

#b_font .select2-container{

    min-width: 118px;

}

#b_size .select2-container{

    min-width: 65px;

}

.bb-sel .select2-container .select2-choice div {top: -4px;}

И после этого будет все красиво в любой ситуации. Хоть вообще без Bootstrap & Select2, хоть просто с Bootstrap, но без Select2, хоть со всеми вместе

Можно конечно еще сильнее навести красоту, но меня устраивает и такое вполне аккуратное решение