html - 当链接在其中时，bootstrap 警告框的高度太大

Question

我正在尝试将链接放入 bootstrap 警告框中，但是当我这样做时，框的高度太大了吗？当我更改 css 高度时，文本和链接在它下方？我究竟做错了什么？谢谢

代码是

<div id = "mystuff" margin-top: 15px" class="alert alert-info">
<span id="mystuff1"><button id = "button1" type = "button" class = "btn btn-link">click here</button></span>
</div>

Answer 1

您没有留下太多关于您要实现的目标的细节，但是根据您在外部容器内添加元素时所做的事情，它长得太高了吗？

这是因为顶层容器有 .alert 类。这个类有 padding: 15px;

如果您删除该填充，您应该会看到我认为您想要的内容。

尝试:

<div id="mystuff" style="margin-top: 15px; padding: 0;" class="alert alert-info">
  <span id="mystuff1">
    <button id="button1" type="button" class="btn btn-link">click here</button>
  </span>
</div>