2014-03-07 7 views
0

불행히도 내가 준 제목은 매우 모호합니다. 솔직히 말하면 어떻게해야할지 모르겠다. 어쨌든, 기본적으로 저는 현재 텍스트 옆에 작은 caret가있는 수직 navbar가 있습니다. 일단 클릭하면 특정 단추가 펼쳐지고 내용이 표시됩니다.병합 및 병합 된 버튼 분할 방법은 무엇입니까? (부트 스트랩)

위의 이미지에서 볼 수 있듯이

enter image description here

, 나는 버튼의 오른쪽에 앉아해야 이차 캐럿을 시도하고있다. 이 캐럿은 일단 작동하면 다른 모든 버튼을 따라갑니다. 어쨌든, 저는 현재 트위터 부트 스트랩을 사용하고 있고 이해할 수있는대로 버튼을 2 개로 나눌 수 있습니다. 각 버튼은 각각 고유 한 기능을 가지고 있습니다. 예를 들어 텍스트와 아래쪽 캐럿을 클릭하면 메뉴가 축소됩니다 (지금은 괜찮습니다). 하지만 오른쪽 마주 보는 캐럿을 클릭하면 href 또는 다른 것을 통해 다른 페이지로 이동하게됩니다. 현재 두 버튼 중 하나를 클릭하면 메뉴가 접히고 펼쳐집니다.

오른쪽에서 보았 듯이 오른쪽의 캐럿은 원본 버튼과 별개이지만 이상한 모양입니다. 이미지의 맨 오른쪽에는 내가 원하는 버튼 분리의 예가 있습니다. Twitter-Bootstrap 예제에서 "버튼"텍스트와 캐럿은 모두 다른 기능을 수행합니다. 내가 가지고있는 현재 버튼 설정을 통해이를 달성하는 방법에 대해서는 완전히 확신 할 수 없다. 현재 버튼이 시각적으로 보이는 방식에 상당히 만족하지만 버튼의 오른쪽에 보조 캐럿을 추가 할 수 있기를 원합니다. 트위터 - 부트 스트랩 예와 마찬가지로 2 차 버튼이 잘 분리되어 있어야합니다.

TL : 버튼을 현재 HTML을 통해 2 조각으로 분할하는 방법은 무엇입니까? 스타일을 유지하고 싶습니다. 각 버튼마다 고유 한 기능을 사용하고 싶습니다.

(이미지 확대) http://i.imgur.com/Xm7ILoq.png

+0

이미지가 imgur에 연결되어있어 확대 할 수 있지만 사라진 이유가 있습니다. 나는 그것을 바닥에 다시 추가 할 것이다. – Isuress

답변

0

그냥 두 개의 버튼을하고 서로에 근접하는 스타일. CSS 스타일을 사용하여 완성하십시오. 측면에 여백을 줄이면 더 가까워지며 테두리 반경을 사용하면 가운데 모서리를 제거 할 수 있습니다.

어떻게 보이고 싶은지 파악하십시오. 그리고 당신이 기술적으로 할 수 있거나 원하지 않아야 할 것은 아닙니다. 버튼 2 개를 만들고 스타일을 지정하십시오.

+0

Twitter-Bootstrap에 이미 기능이 있습니다. 적어도 맨 오른쪽의 이미지 예제에서. 이 방법은 제대로 작동하지 않는 것 같습니다. 네가 제안하는 방법에 대해 어떻게 생각하는지 모르겠다. – Isuress

+0

모양은