Twitter引導：添加保證金，位置圖片和表單字段之間的空格

Question

直接轉到這一點，我是一個CSS初學者。我發現twitter引導似乎非常promissing和易於使用...好吧，不是這樣。請致電this。

我需要：

1）放置徽標（帶有X）的正方形內，它是現在它下面

2）從上添加一定的餘量。目前，瀏覽器網址欄和徽標/字段之間幾乎沒有空格

3）在輸入字段之間添加一些空格，例如：。領域：「SeuNúmerode Celular：」，「Boleto Bancario」和「Conta de Consumo」。現在，他們幾乎相互粘合在一起。

我也很感謝任何關於CSS教程的好建議。如果這很重要，我正在使用django。

感謝您的幫助

Answer 1

W3C Schools是一個很好的點開始與CSS。

1）瞭解position:relative或使用background並放置盒爲background-url

.your-square-image /*You will need to put class="your-square-image" to the squarebox*/ 
{ 
position: relative; 
top: -120px; 
z-index: -1; 
} 

2）只需使用margin-top調整從頂部

.logo { 
margin-top: 50px; 
} 

3）保證金使用margin-right您的所有輸入（或放在正確的class）

input 
{ 
margin-right: 15px; 
} 

以上所有的CSS都可以放在你的html頁面的頂部，或者放在單獨的css文件中，並將它從你的頁面鏈接（推薦）。