부트 스트랩 드롭 다운 폭을 240px 미만으로 설정하십시오.

나는 max-width을 사용하려고하는데 내 드롭 다운에 120px라고 말하지만 결코 240px보다 작지는 않습니다. 이 사진은 디자인

이 사진을 것입니다 그것을

뒤에 어떤 이유가 내가

HTML을 구축하고있는 무슨이다, JS 코드는 정확히 같은과 같다 무엇이 ngx-bootstrap에 넣었는지, 멋진 것은 아닙니다. CSS의 경우 드롭 다운 메뉴 내부에있는 모든 항목에 max-width=120px을 넣고 있습니다. 작게 만들 수는 없습니다.

어떤 구제 수단이 있습니까?

2017-12-07 Ali Saberi

당신은 올바른 길을 가고 있습니다! 당신이 .dropdown-menu를 검사하는 경우는 다음과 같은 값이 나타납니다 : 당신의 max-width 이후

min-width: 160px

이의 속삭임이 일어날 것을 미만을; min-width이 더 크고 승리 할 것입니다. 가장 쉬운 솔루션은 재정에서 그 값을 다시 설정 될 것입니다 :

.dropdown-menu { 
    min-width: 0px; 
    max-width: 120px; 
}

그냥이 너비를 초과 .dropdown-menu의 내부에 내용이 컨테이너 상자 밖으로 흘러 명심하십시오.

2017-12-07 22:11:22

답변