2016-01-19 2 views
0

Я пытаюсь создать кнопку сброса для встроенной группы переключателей. Я не удовлетворен результатом, потому что между последней опцией и кнопкой нет пробела.Создание кнопки сброса для группы встроенных переключателей

<div> 
    <label class='radio-inline'> 
     <input data-bind="checked: sex" type="radio" name="inlineRadioOptionssex" id="inlineRadiosex1" value="1"> M 
    </label> 
    <label class='radio-inline'> 
     <input data-bind="checked: sex" type="radio" name="inlineRadioOptionssex" id="inlineRadiosex2" value="2"> F 
    </label> 
    <label class='radio-inline'> 
     <input data-bind="checked: sex" type="radio" name="inlineRadioOptionssex" id="inlineRadiosex3" value="3"> O 
    </label> 
    <button data-bind="click: resetsex" class="btn btn-default btn-xs btn-round"><span class="glyphicon glyphicon-remove"></span></button> 
</div> 

В результате получается следующее:

Inline radio button group with reset button

Что такое чистый способ вставить некоторое пространство между последней опцией и кнопками?

+1

вы попробуйте 'маржинального-left'? – Siddharth

+0

Нет, я этого не сделал, и это действительно трюк. –

ответ

0

вот fiddle демонстрирует использование margin-left

button.reset-btn{ 
    margin-left:20px; 
} 
+0

Это относится ко всем кнопкам на странице –

+0

umm, вы можете добавить класс к кнопке, дождаться обновления скрипки. – Siddharth

Смежные вопросы