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

现在无法测试，但我认为你必须将mystuff1从span更改为div或p元素。

Answer 2

这部分代码包含错误：

<div id = "mystuff" margin-top: 15px" class="alert alert-info">

那应该是

<div id = "mystuff" style="margin-top: 15px" class="alert alert-info">

Answer 3

你没有详细说明你想要实现的目标，但是根据你在外部容器中添加元素时你正在做什么，它会变得太高了？

这是因为顶级容器具有.alert类。这个类有填充：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>

Answer 4

试试这段代码。

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

您还可以在以下链接中找到提醒的详细信息： bootstrap alert details

链接在其中时，引导警报框的高度太大

4 个答案: