2014-10-21 7 views
2

<label>.radio-inline의 (http://jsfiddle.net/strL4v8r/ 참조) 사이에 줄 바꿈이 없습니다.줄 바꿈

<input><label> 사이에있는 것처럼 줄 바꿈을 강제로 적용하는 가장 우아한 방법은 무엇입니까?

+1

주제 : 입력란에 여러 개의 라벨을 지정해서는 안되며 접근성을 위해'for' 속성을 사용해야합니다. – isherwood

답변

2

추가 마크 업 괜찮다면 :

<br> 

Demo

또는 중복 레이블 시나리오 제거하기 : 더 나은 옵션

<div><strong>Number of choice</strong></div> 

Demo

가 수도 범례가있는 필드 세트를 사용하는 것 :

<fieldset> 
    <legend>Number of choice</legend> 
    <label class="radio-inline"> 
    ... 

기본 부트 스트랩 스타일을 무시해야하지만 액세스 가능성이 더 좋습니다.

Demo | Demo with styles

+1

추가 옵션이 업데이트되었습니다. – isherwood

+0

첫 번째 두 가지는 내가 스스로 추측하지 못했던 것이 아닙니다. 마지막 하나는 가치있는 아이디어이지만 부트 스트랩으로 의도하지는 않습니다. 라디오 버튼의 사소한 사용 사례를 부트 스트랩으로 생각하지 않았습니까? 나는 1, 2 일을 기다릴 것이고, 아무것도 나오지 않으면 당신의 대답을 받아 들일 것입니다. –

+0

부트 스트랩은 CSS로 HTML을 향상시킵니다. 그것은 좋은 디자인을 완전히 대체하려고하지 않습니다. 웹 사이트를 만들 책임은 여전히 ​​있습니다. :-) – isherwood