2013-08-07 3 views
2

의 오버 플로우가 나는 고정 된 너비와 자동 높이로 div 내부 button의 한 무리가있다. 컨테이너 div를 오버플로하면 포함 된 단추가 다음 줄로 이동되기를 원합니다.트위터 부트 스트랩 : BTN 그룹

<div class='btn-group' style='width:100px; height:auto;'> 
    <button class='btn'>Hello</button> 
    <button class='btn'>Hello</button> 
    <button class='btn'>Hello</button> 
    <button class='btn'>Hello</button> 
    <button class='btn'>Hello</button> 
    <button class='btn'>Hello</button> 
    <button class='btn'>Hello</button> 
</div> 

버튼은 그룹에서 얻을 :

여기 내 코드입니다. <br />을하는 것은 도움이하지만, 프로그램 버튼을 삽입하고 있기 때문에 더 직접적인 해결책이 있다면 내가 선호하는 것입니다. 감사.

+0

왜 당신이하고 싶은 것, 그것은 버튼 그룹의 목적을 패배? –

+0

버튼은 아주 좋은 보이지 않는 것입니다 내 페이지 스타일 – mihsathe

+0

분할 버튼 그룹과 놨 외부 상자의 경계 밖으로 이동합니다. –

답변

2

재정 .btn-group

.btn-group{ 
    white-space: normal; 
} 

JSFIDDLE에 whitespace 특성 :http://jsfiddle.net/k9XCj/

+0

예. 이 작동합니다. 나는이 종류가 그렇게 부드럽게 보이지 않는다는 것에 동의하지만, 지금은 그것이 나의 목적을위한 것이라고 생각한다. – mihsathe

+1

@mihsathe 기꺼이 도와 드릴 수 있습니다. –