缩小宽度和边距顶部

Question

具有红色（左侧）列和蓝色（右侧）列的响应式网站。红色列有一个黑色的元素margin-top:30px

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

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

Answer 1

这是由于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

Answer 2

试试这个：

<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> 

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