如何顯示在頁面中心的用戶登錄包括所有控件？

如何在頁面中心顯示用戶登錄？

詳細

左

其實我需要在頁面的中心顯示用戶登錄數據用戶登錄數據顯示。

這包括用戶名和密碼，複選框和標籤記得

和用戶登錄名稱和提交按鈕和文本框標籤的用戶名和密碼

意味着全部移至中心。

@model BookingPrograms.UsersLogin 

@{ 
    Layout = null; 
} 

<!DOCTYPE html> 

<html> 
<head> 
    <meta name="viewport" content="width=device-width" /> 
    <title>Login</title> 
</head> 
<body> 
    @Scripts.Render("~/bundles/jquery") 
    @Scripts.Render("~/bundles/jqueryval") 


    @using (Html.BeginForm()) 
    { 
     @Html.AntiForgeryToken() 

     <div class="form-horizontal"> 
      <h4>UsersLogin</h4> 
      <hr /> 
      @Html.ValidationSummary(true, "", new { @class = "text-danger" }) 
      <div class="form-group"> 
       @Html.LabelFor(model => model.UserName, htmlAttributes: new { @class = "control-label col-md-2" }) 
       <div class="col-md-10"> 
        @Html.EditorFor(model => model.UserName, new { htmlAttributes = new { @class = "form-control" } }) 
        @Html.ValidationMessageFor(model => model.UserName, "", new { @class = "text-danger" }) 
       </div> 
      </div> 



      <div class="form-group"> 
       @Html.LabelFor(model => model.Password, htmlAttributes: new { @class = "control-label col-md-2" }) 
       <div class="col-md-10"> 
        @Html.EditorFor(model => model.Password, new { htmlAttributes = new { @class = "form-control" } }) 
        @Html.ValidationMessageFor(model => model.Password, "", new { @class = "text-danger" }) 
       </div> 
      </div> 
      <div class="form-group"> 
       @Html.LabelFor(model => model.Remeber, htmlAttributes: new { @class = "control-label col-md-2" }) 
       <div class="col-md-10"> 
        <div class="checkbox"> 
         @Html.EditorFor(model => model.Remeber) 
         @Html.ValidationMessageFor(model => model.Remeber, "", new { @class = "text-danger" }) 
        </div> 
       </div> 
      </div> 


      <div class="form-group"> 
       <div class="col-md-offset-2 col-md-10"> 
        <input type="submit" value="Login" class="btn btn-default" /> 
       </div> 
      </div> 
     </div> 
    } 

    <div> 
     @Html.ActionLink("Back to List", "Index") 
    </div> 
</body> 
</html>

來源

2017-07-03 ahmed elbarbary

使用，你可以通過一些規則設置窗體類這樣實現這個自定義樣式。但請添加並使用不同的類，而不是引導形式水平類。

.form-horizontal { margin: 0 25px; // margin-top 0 while the right and left to 25px text-align: center; // This centers the button, texts and the rest. }

試試這個，讓我知道你會得到什麼。

來源

2017-07-03 01:48:03

我在哪裏可以在上面添加請 –

含義，哪個地方 –

確定它的工作謝謝 –

如何顯示在頁面中心的用戶登錄包括所有控件？

回答

相關問題