将两个按钮水平对齐MVC#

将两个按钮水平对齐MVC#,c#,css,twitter-bootstrap,razor,asp.net-mvc-5,C#,Css,Twitter Bootstrap,Razor,Asp.net Mvc 5,我正在尝试使“保存”按钮和“返回”按钮显示在同一行上:为了清晰起见,我已将代码略作截断: 我想我遇到了一些问题,因为一个按钮是表单的一部分,而另一个按钮不是。起初我试着让它们成为同一个的一部分,但没有效果 @using (Html.BeginForm()) { ... <div class="row"> <div class="form-group"> <div class="col-md-offset-2 c

我正在尝试使“保存”按钮和“返回”按钮显示在同一行上:为了清晰起见,我已将代码略作截断: 我想我遇到了一些问题,因为一个按钮是表单的一部分,而另一个按钮不是。起初我试着让它们成为同一个
的一部分,但没有效果

@using (Html.BeginForm())
{ ...
<div class="row">
            <div class="form-group">
                <div class="col-md-offset-2 col-md-10">
                    <input type="submit" value="Save" class="btn btn-default" id="savebtn" />
                </div>
            </div>
           </div>
}
@使用(Html.BeginForm())
{ ...
}

@Html.ActionLink(“返回”、“创建”、null、新建{@class=“gobackbtnedit”})

可能值得用CSS标记您的问题,因为这确实是一个基本的布局问题

如果您将表单描绘为占用矩形空间,则在其中显示链接通常涉及以下任一方面:

  • 为链接执行绝对定位以强制其位置
  • 将链接放置在表单中
  • 将链接放置在表单旁边,对齐,使其靠近按钮(按钮必须位于表单的边缘)
我个人只会将链接放在表单中,好像它需要放在按钮旁边,那么链接和表单之间必须有逻辑连接

<div class="col-md-offset-2 col-md-5">
  <input type="submit" value="Save" class="btn btn-default" id="savebtn" />
</div>
<div class="col-md-5">
  @Html.ActionLink("Go Back", "Create", null, new { @class = "gobackbtnedit"})
</div>

@ActionLink(“返回”、“创建”、null、新建{@class=“gobackbtnedit”})

ActionLink实际上只是一个
HTML元素,在表单中很好。需要它在外部的原因是什么?

没有理由知道它为什么在外部,但是,将代码更改为上面的代码并将其放入表单中。结果是一样的:
<div class="col-md-offset-2 col-md-5">
  <input type="submit" value="Save" class="btn btn-default" id="savebtn" />
</div>
<div class="col-md-5">
  @Html.ActionLink("Go Back", "Create", null, new { @class = "gobackbtnedit"})
</div>