6
我遇到了一些Bootstrap內嵌複選框和單選按鈕標籤的問題，但僅在Chrome的某些情況下。我正在研究的網站是www.bostonsparkling.com。Google Chrome中的引導程序複選框和單選按鈕標籤問題
這是預期的行爲的擷取畫面，並且它看起來像在以下環境中：
- Safari瀏覽器在我的Mac
- Safari瀏覽器上我對我家的iPad iPhone
- Safari瀏覽器
- 谷歌瀏覽器在我朋友的Mac上
- 谷歌瀏覽器在我朋友的PC上
Correct Label Behavior: No Word Wrap
以下是正常的行爲的擷取畫面，這表現在以下環境中：
- 谷歌Chrome瀏覽器在我的Mac
- 谷歌瀏覽器在我的電腦上
Incorrect Label Behavior: Unnecessary Word Wrap
它看起來像複選框和單選按鈕標籤文字是不必要的包裝，但只在某些Chrome的情況下。下面是一些相關的故障診斷信息...
- 的不良行爲並不總是存在 - 它在我大約一個星期前悄悄起來，我只是不能孤立有問題的變化。
- 除了物理位於同一個房間外，我的Mac和我的PC之間沒有任何關聯，表現出不良行爲。
- 我試圖在兩臺計算機上斷開我的Google帳戶與Chrome的關聯，並且禁用了所有我的擴展程序，可能是因爲某些擴展的特殊情況而導致佈局失敗，但沒有骰子。
所以我不知道兩件事情......
是任何人都經歷了不良行爲的第二圖像中還是隻有我？
我在哪裏搞砸了？
這裏有一些相關的代碼片段：
從index.html的...
<form class="form-horizontal" id="estimate" action="#estimate" method="post">
...
<!-- Room Input -->
<div class="control-group">
<label class="control-label">Which rooms need cleaning?</label>
<div class="controls">
<!-- Multiple Checkboxes -->
<label class="checkbox inline">
<input type="checkbox" name="kitchen" value="Yes">
Kitchen
</label>
<label class="checkbox inline">
<input type="checkbox" name="dining" value="Yes">
Dining Room
</label>
<label class="checkbox inline">
<input type="checkbox" name="living" value="Yes">
Living Room
</label>
<label class="checkbox inline">
<input type="checkbox" name="family" value="Yes">
Family Room
</label>
<label class="checkbox inline">
<input type="checkbox" name="office" value="Yes">
Office or Study
</label>
</div>
</div>
表單相關的CSS ...
/* Flip the margins and padding on inline checkboxes and radios */
.checkbox.inline,
.checkbox.inline + .checkbox.inline,
.radio.inline,
.radio.inline + .radio.inline {
margin-left: 0 !important;
margin-right: 15px !important;
padding-top: 0 !important;
padding-bottom: 5px !important;
}
/* Less vertical padding between form elements */
.form-horizontal
.control-group {
margin-bottom: 10px; /* instead of 20px */
}
讓我知道如果你需要其他任何東西，如果我違反了任何發佈規則，或者我的代碼很糟糕，那麼 - 這是我十年來的第一個網站。我感謝幫助！
P.S.我無法嵌入圖片或發佈超過3個超鏈接，沒有10個代表 - 對此感到抱歉。 ：[
哦，快點！是的，這看起來就像我看到的行爲。我有一個預感，這可能是在Chrome的結束 - 感謝提高。 – calbar