부트 스트랩 4.0에서의 룩앤필 Milestone 19가 내 스타일을 대체합니다.

Loaded Milestone 20 of 4.0 및 모든 화면 레이아웃과 대화 상자가 휴지통입니다. 모든 입력 필드의 크기가 다르기 때문에 입력 필드에 인라인 스타일을 사용합니다. 부트 스트랩 모양과 느낌이 표준 크기 인 206px로 설정되어 있습니다. 내 스타일을 무시하는 것 같습니다.부트 스트랩 4.0에서의 룩앤필 Milestone 19가 내 스타일을 대체합니다.

<xf:secret id="loginUsername" appearance="minimal" xxf:size="8" ref="instance('login')/username" style="width: 80px; verticalAlign: middle;"><xf:label/><xf:hint>User Name</xf:hint></xf:secret><br/>

의견이 있으십니까?

출처

2012-12-18 user1287446

CSS 규칙은 우선 순위에 따라 작동하므로 Firefox 또는 Chrome 개발자 도구에서 Firebug를 사용하여 Bootstrap 또는 Orbeon의 CSS 규칙이 CSS 규칙 중 어떤 것을 재정의하는지 확인해야합니다. – ebruchez

부트 스트랩은 input 요소의 너비를 설정합니다. 따라서 width: 80px에 포함 된 스타일로 설정하면 span이 적용되지 않습니다. 가장 좋은 방법은 xf:secret에 class을 사용하고 style 대신 다른 컨트롤을 사용한 다음 외부 CSS를 사용하여 해당 클래스를 기반으로 input 너비를 설정하는 것입니다.이 규칙은 어떤 Bootstrap 있다.

양식이 부트 스트랩을 사용하고 있으므로 양식 작성기를 사용하여 양식을 작성한 것으로 생각합니다.이 경우 Writing your own CSS 섹션을 참조하십시오.

출처

2012-12-19 18:23:38 avernet

고마워요, 클래스의 사용이 더 잘 작동하는 것 같습니다. 이 기능이 작동하지 않는 경우가 있습니다 (예 : 자동 완성 - 기본 입력의 너비를 설정할 수 있지만 드롭 다운에는 영향을주지 않음). CSS 클래스를보고이를 무시합니다. – user1287446

부트 스트랩 4.0에서의 룩앤필 Milestone 19가 내 스타일을 대체합니다.

답변

관련 문제