트위터 부트 스트랩 블럭 레벨 양식

Question

전폭 로그인 폼을 얻으려고합니다. 기본적으로 사용자 이름, 암호 및 버튼의 입력 필드는 모두 같은 길이 여야합니다. 이제는 스팬을 사용하여 쉽게 얻을 수 있습니다. 문제는 사용자 이름과 비밀번호 앞에 "prepended"아이콘이있을 때 입력 필드가 범위를 넘어서 확장되고 (입력 블록 레벨을 입력에 적용하면) 버튼이 확장됩니다. 짧은 (내가 btn-block을 시도하면) 밖에 오는 스팬에 대해서만. 모든 요소를 ​​포함하는 스팬 너비까지만 늘리려면 어떻게해야합니까?

여기 내 피들입니다.

http://jsfiddle.net/sujesharukil/EP83X/21/

Answer 1

당신은 디스플레이를 사용할 수 있습니다 테이블과 디스플레이 : 테이블 셀 입력이 올바르게 스팬의 나머지 공간을 채우거나 유체 폭을 사용하여 얻을 수 있습니다. 여기서 첫 번째 접근하는 바이올린이있다 :

http://jsfiddle.net/EP83X/22/

또는 사용 폭 : 고정 아이콘 폭 (28px)에 기초하여 입력 및 스팬 ((300-28)/(300)의 폭에 90.666 % * 100).