2014-06-18 4 views
2

내가 만든이 데모와 비슷한 것을 얻기 위해 추가 사용자 정의 CSS ("부트 스트랩 상자")에 의존하지 않고 가장 깨끗한 HTML 마크 업을 얻으려고합니다. bootply - http://www.bootply.com/1Uy4UROiEz부트 스트랩 인라인 입력 그룹 - 레이블, 입력란 및 버튼

내가 이동 버튼이 다른 데모 데모와 같이 입력 상자에 부착 할됩니다 위의 데모 잘못 유일한 - http://www.bootply.com/yEhbA5gkdm

문제는 내가 버튼을 필요로한다는 것입니다 입력 활은 자신의 크기 (col - md - ??)로 버튼이 넓어 질 수 있도록합니다.

아무에게도이 코드를 제공 할 수있는 좋은 코드를 제공 할 수 있습니까?

답변

1

너비가 원하는 값으로 설정된 CSS 클래스를 연결하여 go 버튼의 너비를 수정할 수 있습니다. 예를 수정 한 버전은 http://www.bootply.com/UMZt0xqvrD#입니다.

편집 : 폼 컨트롤을 사용하는 경우 는 당신이 자신을 부트 스트랩 미리 정의 된 폭을 사용하여 하나 개의 요소를 지정하고 다른 정의해야 할 것으로 보인다. 여기에 첫 번째 예제를 수정했습니다 http://www.bootply.com/kxMFprsSZN

+0

답장을 보내 주셔서 감사합니다. 위의 첫 번째 bootply 링크에 이것을 적용하십시오. http://www.bootply.com/1Uy4UROiEz 내 문제가 나타날 것입니다. –

+1

양식 컨트롤을 사용할 때 부트 스트랩 미리 정의 된 너비를 사용하여 하나의 요소를 지정하고 다른 요소를 정의해야합니다. 나는 첫 번째 예제를 http://www.bootply.com/kxMFprsSZN에서 수정했다. – user3154952

관련 문제