引導形式的保證金不正確

Question

我有這種形式在中間：

我設法把形式下的標誌，在中間，當我添加了一個樣式屬性：

<form class="form-horizontal" style="margin-left: 170px;"> 

但是當我進入，看到在屏幕上移動（IPhone 6加 - 開發人員模式）的形式被關閉，辦法不多向右）：

如何才能將樣式邊距僅用於大屏幕？ 手機和其他小型設備不應該喜歡的圖片2.

Answer 1

首先你需要刪除內嵌樣式的HTML代碼，並添加類「mr170」

<form class="form-horizontal mr170"> 

「form-horizontal」是自舉調用，這樣不就可以應用CSS /樣式。它對整個項目都有影響。在CSS

添加打擊代碼：

@media (min-width: 768px) { 
    .mr170 { 
     margin-left: 170px; 
    } 
} 

注：mr170只是隨機的類名的任何名稱你認爲HTML和CSS的使用。

Answer 2

可以設置保證金只對大屏幕媒體查詢（調整PX當u需要增加保證金加入）

@media (min-width: 1025px) { 
    .form-horizontal { 
     margin-left: 170px; 
    } 
}