<div class="row not-margin-top navbar-default">
    <div class="col-md-2">
        <div class="navbar-default">
            <ul class="nav nav-stacked nav-li-border-bottom">
                <li id="news" class="activeTab active"><a class="text-blue text-center" href="#">Редактор контента</a></li>
                <li id="request"><a class="text-white text-center" href="#">Загрузка ДОУ</a></li>
                <li id="documents"><a class="text-white text-center" href="#">Нормативные документы</a></li>
                <li id="feedbacks"><a class="text-white text-center" href="#">Вопрос-Ответ</a></li>
            </ul>
        </div>
    </div>
    <div class="col-md-10 background-white border-admin-left min-height note-padding-bottom">
        <div id="view"></div>

    </div>
</div>

(function($) {
    $(document).ready(function () {
        $.ajaxPrefilter(function (options, originalOptions, jqXHR) {
            options.async = true;
        });

        $("ul.nav > li").on("click", function() {
//Собственно тут все и происходит. Загружаем во View
            switch (this.id) {
                case "news": $("#view").load("../News/index");
                    break;
                case "request": $("#view").load("../DOU/Loader");
                    break;
                case "documents": $("#view").load("../Documents/Index");
                    break;
                case "feedbacks": $("#view").load("../Message/Index");
                    break;
            }
        });

        $("#view").load("../News/index");
    });
})(jQuery);

<div class="page-header">
    <h3>Позволяет управлять новостями</h3>
</div>
...
@Scripts.Render("~/bundles/news") // вот это очень смущает