как сделать чекбоксы

[mstdmstd]

Подскажите, как сделать чекбоксы вроде

http://imgur.com/a/NUfi0

совместимые с bootstrap ? Спасибо!

[VeniVidiVici]

По запросу стилизованный чек бокс можно легко найти готовые, либо статьи как делать, ну вот к примеру 

 

Edited April 11, 2017 by VeniVidiVici

[mstdmstd]

Спасибо, с чекбоксами все получилось, но с радио не работает:Несколько радиоэлементов заполянются в цикле :

{% for nextMailchimp in mailchimpLists %}
    <li class="padding_sm">  
         <input name="radion_mailchimp_list" id="radion_mailchimp_list_{{ nextMailchimp.list_id }}" type="radio" class="styling_radio"
                     value="{{ nextMailchimp.list_id }}" {% if current_mailchimp_list_id == nextMailchimp.list_id %}checked{% endif %} onchange="javascript:radion_mailchimp_listOnChange();">
        <label for="radion_mailchimp_list_{{ nextMailchimp.list_id }}">  {{ nextMailchimp.list_name }} with {{ nextMailchimp.member_count }} subscribed member(s)</label>

Ранее id и name  каждого элемента имели значение radion_mailchimp_list и радио работало
Теперь же чтобы работала стилизация в элементы id/name заполнил radion_mailchimp_list{ nextMailchimp.list_id }

И пересмтал работать код для определения текеущего элементы 

            var radion_mailchimp_list= $("#radion_mailchimp_list:checked").val()

А как правильно ?
 

[klierik]

Не правильное обращение по id, так как он:

radion_mailchimp_list_{{ nextMailchimp.list_id }}