2017-09-12 24 views
-4

當我切換到移動視圖我的頁腳是不是收到股利後研磨,它看起來akward的。解決方案頁腳CSS樣式錯誤

Mobile View

Desktop View

這裏是代碼示例 名稱

     <div class="row row-sm-offset"> 
        <div class="col-md-4 multi-horizontal" data-for="email"> 
         <div class="form-group" style="color: #fff;"> 
          <label class="form-control-label mbr-fonts-style display-7" for="email-form1-h">Email</label> 
          <input type="email" class="form-control" name="email" data-form-field="Email" required="" placeholder="E-mail" id="email-form1-h"> 
         </div> 
        </div> 
        </div> 

        <div class="row row-sm-offset"> 
        <div class="col-md-4 multi-horizontal" data-for="phone"> 
         <div class="form-group" style="color: #fff;"> 
          <label class="form-control-label mbr-fonts-style display-7" for="phone-form1-h">Phone</label> 
          <input type="tel" class="form-control" name="phone" data-form-field="Phone" placeholder="Phone #" id="phone-form1-h"> 
         </div> 
        </div> 
       </div> 

       <div class="row row-sm-offset"> 
        <div class="col-md-4 multi-horizontal" data-for="phone"> 
       <div class="form-group" style="color: #fff;"> 
        <label class="form-control-label mbr-fonts-style display-7" for="message-form1-h">Message</label> 
        <textarea type="text" class="form-control" name="message" rows="7" data-form-field="Message" placeholder="Message" id="message-form1-h"></textarea> 
       </div> 
       </div> 
       </div> 

       <span class="input-group-btn"><button href="" type="submit" class="btn btn-primary btn-form display-4"><span class="mbri-paper-plane mbr-iconfont mbr-iconfont-btn"></span>SEND MESSAGE</button></span> 
      </form> 

我很感謝你的支持。由於

+0

您需要提供一些代碼,以便我們可以幫助... – kinggs

+0

問題尋求幫助的代碼必須包括必要的重現它最短的代碼**在問題本身**最好在[**堆棧片斷**](https://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/)。請參閱[**如何創建最小,完整和可驗證的示例**](http://stackoverflow.com/help/mcve) –

+0

請如何在此處編輯我的問題,以便我可以輸入代碼? –

回答

0

我有,您可以使用clearfix來解決這個問題的感覺,但是,如果沒有更多的背景和它的代碼是很難回答。

不僅僅是谷歌,如果你不知道什麼是clearfix

更新答案:

添加一個div形式標籤結束這樣的後...

<div class="clearfix"></div> 

那麼這種風格添加到CSS。

.clearfix:after { 
    content: " "; 
    visibility: hidden; 
    display: block; 
    height: 0; 
    clear: both; 
} 
+0

我已添加代碼。謝謝 –

+0

這不是我想要的部分,而是表單的結尾。任何方式讓我相應地更新我的答案。 – stackminu

+0

我已經更新了表單代碼。 –