單選按鈕不與標籤

內嵌我在JsFiddle 單選按鈕不與標籤

<form> 
    <div style="margin:0;padding:0;display:inline"></div> 

    <div class="field"> 
     <label for="input_user_id">User ID</label> 
     <input class="form-control" id="input_user_id" name="input_user_id" type="text" placeholder="" value="KING0002" readonly> 
    </div> 

    <div class="field"> 
     <label for="input_name">Name</label> 
     <input class="form-control" id="input_name" name="input_name" type="text" placeholder="Name"> 
    </div> 

    <div class="field"> 
     <label for="input_password">Password</label> 
     <input class="form-control" id="input_password" name="input_password" type="password" placeholder="Password"> 
    </div> 

    <div class="field"> 
     <label for="credit">Credit </label> 
     <input class="form-control" id="credit" name="credit_limit" type="text" placeholder="Credit"> 
    </div> 

    <div class="field"> 
     <div class="form-group"> 
      <label for="create_member">Can Create Member</label> 
      <input type="radio" name="create_member" value="no" checked>No &nbsp;&nbsp; 
      <input type="radio" name="create_member" value="yes">Yes 
     </div> 
    </div> 
</form>

我使用Twitter的引導我的文本框，表格控件類這段代碼中，我試圖添加單選按鈕

如

Can Create Member: yes [] no []

但是輸出結果顯示yes和no在彼此之上。

如何修改我有一個適當的直列單選按鈕，走線大約相同文本框，無論屏幕分辨率（無論是手機或臺式機）

來源

2014-08-28 Baoky chen

也許這將有助於排除radio輸入： http://stackoverflow.com/questions/14857909/lining-up-labels-with-radio-buttons- in-bootstrap – tetram 2014-08-28 18:03:29

那是因爲你給了50％的寬度到所有input元素。只需使用not像波紋管

.field input:not([type="radio"]) { 
    width: 50%; 
    margin: 0px; 
    }

DEMO

來源

2014-08-28 18:03:40 Mritunjay

謝謝它的工作！我將在7分鐘內接受答覆（由於限制像我這樣的新成員） – 2014-08-28 18:07:44

單選按鈕不與標籤

回答

相關問題