小编Mel*_*a S的帖子

想要有一个标题，子标题，然后在最后的第三个div中将两个框彼此靠近并紧靠在一起。

努力获得2个按钮，使它们彼此对齐。在某些宽度上看起来不错，但以全宽度流到下一行

        <div class="button-box">
        <div class="myoffer3 col-lg-6">
                <a href="mylink.php" class="btn btn-info" role="button">About Us</a>
            </div>
        <div class="myoffer4 col-lg-6">
                <a href="mylink.php" class="btn btn-info" role="button">Our Products</a>
            </div>
        </div>
    </div>

我的CSS

.myoffer3 {
display: inline;
padding:20px;
}
.myoffer4 {
 display: inline;
 padding: 0 20px;

 }
 .button-box {
  width:100%;
  text-align:center;
 }

在我的响应式Opencart网站上,当我们的页面在宽度为768px和992px之间调整大小时,我们的徽标会向下推并且不对齐.

我可以通过使上边距-23px来解决这个问题.这当然会超出这个范围.

您可以在CSS中设置媒体屏幕范围,以便仅在768px和992px之间应用设置吗？

我们的默认CSS代码#logo {margin:-30px 0 -2px -30px;