缩小宽度和边距顶部

问题描述：

具有红色（左侧）列和蓝色（右侧）列的响应式网站。红色列有一个黑色的元素margin-top:30px缩小宽度和边距顶部

当网站被调整大小，蓝色列跳到红色列下，红色列“继承”margin-top ..这怎么能避免？

http://www.bluemachines.dk/_bootstrap/downsize/

apply'display：inline-block;'to black element（.logo） – Anonymous 2014-09-23 16:47:36

possible [duplicate]（http://stackoverflow.com/questions/1762539/margin-on-child-element-moves-parent-element ） – DavidT 2014-09-23 16:49:28

@mary，创建答案 – clarkk 2014-09-23 16:52:10

答

这是由于Bootstrap使用媒体查询！

你需要学习媒体查询或者如果你不需要媒体查询！不要在导航中使用Bootstrap类！

把这个放入@media（min-width：768px）和（max-width：979px），它可以很好地工作。

.nav-collapse, .nav-collapse.collapse { 
    overflow: visible; 
} 
.navbar .btn-navbar { 
    display: none; 
}

或

您还可以通过改变 @网浮法断点变量叠加停止导航栏为1px

或

媒体查询作品在移动设备的浏览器宽度u还可以指定您的风格在媒体查询css

@media(max-width:767px){} 
@media(min-width:768px){} 
@media(min-width:992px){} 
@media(min-width:1200px){}

这里是链接disabling media queries

答

试试这个：

<div class="col-md-4 col-lg-4 col-xs-4 col-sm-4"> 
       Your Content 
    </div> 
    <div class="col-md-8 col-lg-8 col-xs-8 col-sm-8"> 
       Your Content 
    </div>

给所有的屏幕尺寸班，这个问题解决了!!!!

缩小宽度和边距顶部

相关推荐