微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决从控制器作为局部视图返回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 举报,一经查实,本站将立刻删除。