登录表单ASP.NET jQuery和引导程序

Question

所以我尝试制作这样的登录表单：

现在看起来“坏了”

这是我的代码：

@{
    ViewBag.Title = "Index";
    Layout = null;
}


<script src="~/Scripts/jquery-3.3.1.min.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />

<div class="container" style="margin-top:10%">
    <div class="row">
        <div class="col-md-4 col-md-offset-4 alert alert-info">
            <h3 class="text-center">Login</h3>
            <form id="loginForm">
                <div class="form-group">
                    <div class="input-group">
                        <span class="input-group-addon"><i class="glyphicon glyphicon-envelope"</span>
                        <input class="form-control" type="email" name="Email" id="logEmail" placeholder="Email" />
                    </div>

                    <div class="form-group">
                        <div class="input-group">
                        <span class="input-group-addon"><i class="glyphicon glyphicon-lock"</span>
                        <input class="form-control" type="password" name="Password" id="logPassword" placeholder="Password" />
                    </div>
                </div>
            </form>
            <div class="form-group" >
                <button class="btn btn-info form-control" type="submit"><i class="glyphicon glyphicon-log-in"></i> Login</button>
            </div>
            <div class="form-group">
                <a style="float:left">Forget Password?</a><a style="float:right;cursor:pointer" onclick="SignUp()">Sign Up</a>
            </div>
        </div>
    </div>
</div>

为什么看起来像这样？
我认为我没有用“ / div或因为我需要使用另一个jquery / bootstraps文件？