从控制器作为局部视图返回boostrap模态div

问题描述

我有模式div，当我从控制器以partialView形式调用它时，它返回为完整视图而没有任何CSS。我需要做些什么才能使其正常工作

index.cshtml中调用控制器的行

  <p><a  class="btn btn-outline-white btn-lg ftco-animate"asp-controller="Rezervacija" asp-action="Index"  >Reservation</a></p>

（Rezervacija：Controller Index：action）返回模态为partialView

 public IActionResult Index()
    {
       
        return PartialView("~/Views/Rezervacija/Rezervacija.cshtml");
    }

这是来自Reservation.cshtml

的模式形式

<div class="modal fade" id="reservationModal" tabindex="-1" role="dialog" aria-labelledby="reservationModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
        <div class="modal-body">
            <div class="row">
                <div class="col-lg-4 bg-image" style="background-image: url(images/bg_3.jpg);"></div>
                <div class="col-lg-8 p-5">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <small>CLOSE </small><span aria-hidden="true">&times;</span>
                    </button>
                    <h1 class="mb-4">Reserve A Table</h1>
                    <form action="#" method="post">
                        <div class="row">
                            <div class="col-md-6 form-group">
                                <label asp-for="Ime">Ime</label>
                                <input type="text" class="form-control" asp-for="Ime">
                            </div>
                            <div class="col-md-6 form-group">
                                <label asp-for="Prezime">Last Name</label>
                                <input type="text" class="form-control" asp-for="Prezime">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12 form-group">
                                <label for="m_email">Email</label>
                                <input type="email" class="form-control" asp-for="Email">
                            </div>
                        </div>
                       

                       

                    </form>
                </div>
            </div>

        </div>
    </div>
</div>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）