2017-09-12 19 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

我已经更新了表单代码。 –