如何讓我的投入和標籤使用w3.css

在w3.css沒有選擇以這樣的方式，這樣的投入和標籤出現在同一行準備的形式在同一行上出現。我正在嘗試，但無法解決問題。請幫助解決問題。如何讓我的投入和標籤使用w3.css

<div class="w3-row-padding"> 
    <div class="w3-third"> 
    <label class="w3-label">User Name</label> 
    </div> 
    <div class="w3-half"> 
    <input class="w3-input w3-border" type="text" placeholder="Name"> 
    </div> 

</div>

來源

2016-10-20 rns

這是我其實是想代碼：

<!DOCTYPE html> 
<html> 
<title>W3.CSS</title> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css"> 
<body> 

<div class="w3-row-padding"> 
<div class="w3-quarter"> 
<p> <label class="w3-label" type="text">User Name</label><p> 
</div> 
<div class="w3-threequarter"> 
    <p><input class="w3-input w3-border w3-round" type="text" 
placeholder="Enter your username"></p> 
    </div> 
<div class="w3-quarter"> 
    <p> <label class="w3-label" type="text">Passwords</label></p> 
</div> 
    <div class="w3-threequarter"> 
    <p><input class="w3-input w3-border w3-round" type="text" 
placeholder="Enter your passwords"></p> 
    </div> 

</div> 

</body>

來源

2016-10-20 16:05:22 rns

如何讓我的投入和標籤使用w3.css

回答

相關問題