0
UI 부스트 트랩 아코디언 그룹 항목의 헤더 섹션에 버튼이 필요합니다. 마크 업을 추가 할 수 있었지만 작동했지만 버튼이 중간에 없으므로 (수직) 클래스 pull-right을 추가하자마자. 플 런커를 보려면 Click here. 클래스가 없으면 버튼이 올바르게 배치되고 정렬됩니다.UI 부트 스트랩 아코디언 헤더에서 (세로 가운데) 버튼을 정렬 할 수 없습니다.
A
답변
1
uib-accordion-heading 안의 텍스트와 버튼 주위에 span을 감습니다. 범위를 display:inline-flex; width: 100%; justify-content: space-between; align-items: baseline;으로 지정합니다.
<uib-accordion-heading>
<span style="display:inline-flex; width: 100%; justify-content: space-between; align-items: baseline;">
I can have markup, too! <button class="btn btn-primary btn-sm">OPEN</button>
</span>
</uib-accordion-heading>
관련 문제
- 1. 세로 정렬 부트 스트랩
- 2. 열 (부트 스트랩)에 대한 세로 가운데 정렬
- 3. 안드로이드 UI - 가운데 단추, 세로 정렬
- 4. CSS - 부트 스트랩 navbar-header 세로 가운데
- 5. 부트 스트랩 정렬
- 6. 각 - Ui 부트 스트랩 아코디언 - 캔트 비활성화
- 7. 세로 가운데 정렬
- 8. 부트 스트랩 4 - 가로 및 세로 정렬
- 9. 세로 가운데 정렬 내비게이션
- 10. 부트 스트랩 아코디언 + DataTables
- 11. 부트 스트랩 바닥 글의 텍스트가 가운데 정렬
- 12. 트위터 부트 스트랩 가로 가운데 정렬 컨테이너
- 13. CSS가있는 세로 정렬 부트 스트랩 패널
- 14. 센터 블록을 사용하여 부트 스트랩 세로 정렬
- 15. 클래식 아코디언 부트 스트랩?
- 16. 부트 스트랩 레이아웃 내에서 세로 정렬 텍스트
- 17. CSS 메뉴 - 가운데 정렬 항목 및 가운데 가운데 세로 정렬
- 18. 트위터 부트 스트랩 아코디언
- 19. 부트 스트랩 아코디언 PHP
- 20. 부트 스트랩 패널이없는 아코디언
- 21. 화살표가있는 부트 스트랩 아코디언
- 22. 부트 스트랩 - 목록의 세로 정렬 아이콘
- 23. 부트 스트랩 세로 정렬 중간 div
- 24. 부트 스트랩 아코디언 제대로
- 25. 부트 스트랩 아코디언 - 붕괴
- 26. 부트 스트랩 아코디언
- 27. 부트 스트랩 아코디언 패널
- 28. 테이블을 중심으로 세로 가운데 정렬
- 29. 부트 스트랩 버튼을 숨길 수 없습니다.
- 30. 부트 스트랩 테이블의 세로 정렬이 작동하지 않습니다.
, 감사합니다! 이 작업을 수행하는보다 간결한 방법이 있습니까? 나는 수업을 만들고 재사용 할 수 있다고 생각합니다. –
나는 그것을 할 수있는 더 좋은 방법이있을 것이라고 확신합니다. 나는 일할 무언가를 얻기 위해 빠른 해킹이 필요할 때 항상 flex-box로갑니다. 그것은 두 가지 항목이 있기 때문에 당신이 그것을 원하는 방식으로 작동합니다. 다른 항목을 추가하면 'space-between'은 행 사이에 공백을 두게됩니다. 그러나 단 두 항목에 대해서는 훌륭하게 작동합니다. – HaveSpacesuit
Safari의 솔루션과 정렬 문제가 있습니다. 어떤 이유로 버튼이 [헤더] 패널의 중심을 향해 균일하지 않게 이동합니다. Chrome과 Firefox는 정상적으로 작동합니다. 그게 어떨까요? –