ASP.Net MVC引导网格无法正常工作

时间:2018-09-11 09:51:55

标签: asp.net asp.net-mvc twitter-bootstrap

我在项目中使用引导程序3。问题在于网格无法正常工作。

我在布局页面中按此顺序引用CSS文件:

<link href="~/Content/bootstrap.css" rel="stylesheet" />
<link href="~/Content/bootstrap-reset.css" rel="stylesheet" />
<link href="~/Content/font-awesome.css" rel="stylesheet" />
<link href="~/Content/bucket-ico-fonts.css" rel="stylesheet" />
<link href="~/Content/style.css" rel="stylesheet" />
<link href="~/Content/style-responsive.css" rel="stylesheet" />
<link href="~/Content/toastr.min.css" rel="stylesheet" />
<link href="~/Content/datatable/dataTables.bootstrap.min.css" rel="stylesheet" />
<link href="~/Content/datatable/responsive.bootstrap.min.css" rel="stylesheet" />
<link href="~/Content/BootstrapoSwitch/bootstrap-switch.css" rel="stylesheet" />

我的JS文件按以下顺序排列:

<script src="/Scripts/jquery-3.0.0.js"></script>
<script src="/Scripts/jquery.validate.js"></script>
<script src="/Scripts/jquery.validate.unobtrusive.js"></script>
<script src="/Scripts/bootstrap.js"></script>
<script src="/Scripts/respond.js"></script>
<script src="~/Scripts/jquery.dcjqaccordion.2.7.js"></script>
<script src="~/Scripts/jquery.scrollTo.min.js"></script>
<script src="~/Scripts/jquery.slimscroll.js"></script>
<script src="~/Scripts/jquery.nicescroll.js"></script>
<script src="~/Scripts/scripts.js"></script>
<script src="~/Scripts/toastr.min.js"></script>
<script src="~/Scripts/datatable/jquery.dataTables.min.js"></script>
<script src="~/Scripts/datatable/dataTables.bootstrap.min.js"></script>
<script src="~/Scripts/datatable/dataTables.responsive.min.js"></script>
<script src="~/Scripts/datatable/responsive.bootstrap.min.js"></script>
 <script src="~/Scripts/BootstrapSwitch/toggle-init.js"></script>
<script src="~/Scripts/BootstrapSwitch/bootstrap-switch.js"></script>

问题是当我这样编写代码时:

<div class="form-group">
        @Html.LabelFor(model => model.BankName, htmlAttributes: new { @class = "col-lg-3 col-sm-3 control-label" })
        <div class="col-md-9">
            @Html.EditorFor(model => model.BankName, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.BankName, "", new { @class = "text-danger" })
        </div>
    </div>

这是输出 this is the output

col-md-9中的文本框应以全角显示...但不起作用。

0 个答案:

没有答案