Bootstrap 4 и MVC5 открывают модальное как частичное представление

Question

Я прочитал этот пост , и он запускает модальное, но не совсем.

Я просто вижу серое окно, но не вижу модальное.

Мой HTML:

 <div id='gameModal' class='modal hide fade in' data-url='@Url.Action("TermsAndConditions","Base")'>
 <div id='gameContainer'/>
 <button id='showGame'>Show Game Listing</button></div>

В моем js:

 $('#showGame').click(function () {
    var url = $('#gameModal').data('url');

    $.get(url, function (data) {
        $('#gameContainer').html(data);

        $('#gameModal').modal('show');
    });
});

И я также создал контроллер с partalView:

 [HttpGet]
 public ActionResult TermsAndConditions()
  {
     return PartialView();
  }

Я нашел эту строку вмой файл js пропущен: $ .get (url, function (data), вероятно, потому что у меня есть дополнительный параметр в моей конфигурации маршрутизации.

Вместо "нормальной" маршрутизации, такой как "/ Base / TermsAndConditions" У меня есть "/ en-US / Base / TermsAndConditions "Любые подсказки, как установить URL без дополнительного параметра без разделения URL-адресов и вещей-мамбо-джамбо?

Вот мой конфиг маршрутизации:

 public class RouteConfig
 {
    public static void RegisterRoutes(RouteCollection routes)
    {
        routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

        routes.MapRoute(
            name: "Default",
            url: "{language}/{controller}/{action}/{id}",
            defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional, language = "en-US" }
        );
    }
}

IsЕсть ли более современный подход к открытию модалов с частичным просмотром? ОБНОВЛЕНИЕ: мне удалось просмотреть мой модал, но только если я поместил HTML-код частичного просмотра рядом с моей кнопкой на моей странице макета, например, так:

<button class="btn btn-primary" data-toggle="modal" data-url='@Url.Action("TaC","Home")' data-target=".bs-example-modal-lg">Large modal</button>
 <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
  <div class="modal-body">
     <div class="modal-content">
       <div class="modal-header">
         <h4 class="modal-title" id="myModalLabel">Modal Heading</h4>
         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        </div>
<div class="modal-body">
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. 
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
<p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p>                        
        </div>
      </div>
    </div>
  </div>
</div>

Если я поставлю data-url=@Url.Action («Индекс», «Домой»), он не перейдет к контролю.Oller.