Bootstrap Margin Top

Question

嗨首先对不起我的英语。我会尝试用图像告诉你。

我有2行，我想要＆＃34; margin-top：-50px＆＃34;在底行，但为移动和其他视图而烦恼..我的代码在这里;

<div class="row">
  <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
      <div class="myavatar col-lg-2 col-lg-offset-5 col-md-4 col-md-offset-4 col-sm-4 col-sm-offset-4 col-xs-6 col-xs-offset-3">
         <img src="1.png"  class="img-responsive">
      </div>
  </div>
</div>

<div class="row">
    <div  class="col-lg-4 br">a</div>
</div>

见下面给出的图片

谢谢！

Answer 1

试试此代码

if (!(navigator.userAgent.match(/Android/i) ||
    navigator.userAgent.match(/webOS/i) ||
    navigator.userAgent.match(/iPhone/i) ||
    navigator.userAgent.match(/iPod/i)
  )) {
  $(".row").eq(1).css("margin-top", "-50px");
}

所以我正在做的是检查浏览器是否移动。如果它不是移动视图，我正在应用css。

希望它适合你：）

Answer 2

我完全不明白你的问题，但请尝试以下方法：

  <div class="row">
    <div class="myavatar col-lg-8 col-md-12 col-sm-12 col-xs-12">
     <img src="1.png"  class="img-responsive">
   </div>
   <div  class="br col-lg-4 col-md-12 col-sm-12 col-xs-12">
   a
   </div>
 </div>

你想在移动视图中显示br吗？或隐藏它？