2つのボタンを水平に整列するmvc5かみそりC＃

Question

保存ボタンを取得して、同じ行に戻るボタンを表示しようとしています。コードを分かりやすくするために切り捨てました。 私は問題に遭遇していると思います1つのボタンはフォームの一部であり、もう1つはフォームの一部ではないためです。当初、私はそれらを同じ<div class="row"></div>の一部にしようとしましたが、役に立たなかった。

@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.ActionLink("Go Back", "Create", null, new { @class = "gobackbtnedit"}) 
    </div> 

Answer 1

それは本当に、基本的なレイアウトの問題であるように、それは、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のは本当に形で結構ですちょうど<a> HTML要素、です。それが必要な理由は何ですか？