Bootstrap: 플렉스 모드 col-*의 Chrome이 테이블 열 너비에 잘못된 영향을 줍니다.

에 만든 2017년 01월 05일 · 3코멘트 · 출처: twbs/bootstrap

Not recommended 방식인지 버그인지 확실하지 않지만 사례 설명은 다음과 같습니다.

부트스트랩 3에서는 일반적으로 col-{size}-* 를 사용하여 테이블 열의 너비를 조정합니다. 예 와 코드펜 처럼

부트스트랩 4 alpha.5에서 enable flex 능력의 경우, 동일한 작업을 수행할 때. 플렉스박스 예시

이 경우 col-{size}-* 의 css 속성을 max-width 로 width 하면 아주 잘 작동하지만 이것이 다른 문제.

css v4

출처

andyyou

👍5

가장 유용한 댓글

이 문제가 해결되었습니까? 아니면 열 너비를 설정하기 위해 BS의 클래스를 우리 자신의 클래스로 재정의해야 합니까? 감사 해요! :디

SrAxi 에 2017년 08월 31일

👍9

테이블에 이러한 (현재) 플렉스 스타일을 사용하려면 추가 수정이 필요합니다. 테이블 스타일을 실행 취소하기 위해 수많은 재정의를 추가하므로 전반적으로 권장하지 않습니다. 테이블의 열 너비를 지정하기 위해 필요에 따라 새 스타일을 만드는 것이 좋습니다.

mdo 에 2017년 01월 25일

👎1

나는 같은 문제를 만났다. 따라서 반응형 열 너비가 있는 테이블은 Bootstrap 4에서 더 이상 지원되지 않습니까?

stanleyxu2005 에 2017년 06월 08일

👍2

이 문제가 해결되었습니까? 아니면 열 너비를 설정하기 위해 BS의 클래스를 우리 자신의 클래스로 재정의해야 합니까? 감사 해요! :디

SrAxi 에 2017년 08월 31일

👍9

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급