Форма входа ASP. NET jquery и bootstrap

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 / файл начальной загрузки?