具有堆叠的超链接的标签

Question

我正在尝试向标签添加一些超链接。我希望每个超链接都换行，但是我很难让它们显示出来。每次我尝试添加超链接时，它只会出现在标签旁边而不是标签下方。我如何获得它，使它一个接一个地堆叠？

下面是我现在拥有的代码，看起来像什么。

<div class="form-group">
        <div>
            @Html.LabelFor(model => model.ManagerComment, htmlAttributes: new { @class = "control-label col-md-2" })
            <input value="Meeting Scheduled" class="btn btn-link" onclick="location.href='@Url.Action("MeetingSch", "Strategy", new {id = Model.StrategyId})'" />
        </div>
        <div class="col-lg-9">
            @Html.TextAreaFor(m => m.ManagerComment, 100, 50, new { id = "questionInput", maxlength = 1000, style = "width: 100%; max-width: 100%" })
            <div id="charsLeft"></div>
            <div class="col-lg-3">
                <p style="white-space: pre-line">
                    <input value="New Update" class="btn btn-default" onclick="location.href='@Url.Action("Update", "Strategy", new {id = Model.StrategyId})'" />
                </p>
            </div>
        </div>
    </div>

下面是我想要的样子：

Answer 1

使用Bootstrap，您可以在该列中为每个链接添加一行。您的问题并未显示出如何生成链接，但是就样式而言，您可以执行以下操作：

<div class="form-group">
    <div class="col-lg-3">
        <div class="row">
            @Html.LabelFor(model => model.ManagerComment, htmlAttributes: new { @class = "control-label col-md-2" })
        </div>
        <!--iterate to render links like this-->
        <div class="row">
            @Html.ActionLink("Meeting Scheuduled", "MeetingSch", "Strategy", new { id = Model.StrategyId, @class="col-md-12" })
        </div>
        <div class="row">
            @Html.ActionLink("Meeting Scheuduled 2", "MeetingSch", "Strategy", new { id = Model.StrategyId, @class = "col-md-12" })
        </div>
        <!--end-->
    </div>
</div>

默认情况下，链接是随该页面上的文本一起流动的嵌入式元素。为了堆叠这些链接，您可以添加换行符。否则，就像我在上面的代码示例中所做的那样，将块元素用作链接的容器。