Question

我正在使用bootstrap进行以下标记，并在我自己的css类中添加需要对页面进行样式设置的方式

.sm-margin {
    margin-top: 10px;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet"/>
            <div class="col">
                <div class="thumbnail">
                    <a href="menu.php">
                        <img src="img/turkey.jpg" alt="Turkey dinners" style="width:100%">
                        <div class="caption text-center sm-margin">
                            <p><button type="button" class="btn btn-success">Check out our menu</button></p>
                        </div>
                    </a>
                </div>
            </div>

我不清楚为什么.sm-margin不会在顶部添加小幅度 - 请参阅我的网站here

Answer 1

边距会添加到网站按钮的顶部如果您使用该css类，U可以检查并取消选中您班级的复选框以查看差异...

Answer 2

我的代码是正确的，这是一个浏览器错误。我在Chrome浏览器上清除了缓存，并对其进行了更正。

感谢大家的投入。

图像div类和边距类

2 个答案: