Bootstrap 4.0的外觀和感覺里程碑19重寫我的風格

加載的里程碑20的4.0和我的所有屏幕布局和對話框都被丟棄。我對輸入字段使用了內聯樣式，因爲我的所有輸入字段都是不同的大小，並且我看到Bootstrap外觀設置標準大小爲206px。它似乎忽略了我的風格。Bootstrap 4.0的外觀和感覺里程碑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

Bootstrap在input元素上設置寬度，因此您在那裏設置的width: 80px與包含span的樣式無關。我認爲最好的方法是在xf:secret上使用class和其他控件，而不是使用style，然後使用外部CSS設置基於該類的input的寬度，其規則比Bootstrap更強具有。

由於您的表單使用的是Bootstrap，我想您已經使用Form Builder創建了它，在這種情況下，請參閱Writing your own CSS部分。

來源

2012-12-19 18:23:38 avernet

謝謝，類的使用似乎更好。在某些情況下，這不起作用 - （例如自動完成 - 您可以設置主輸入的寬度，但不會影響下拉列表） - 我正在查看css類以嘗試重寫此操作。 – user1287446

Bootstrap 4.0的外觀和感覺里程碑19重寫我的風格

回答

相關問題