Question

大家好，我在项目中已经包含有关引导bootstrap.min.css jquery.min.js和bootstrap.min.js的问题，但是我无法使用well well-sm类，并且在通过链接手动添加时这次div参与您可以在图片中看到。我不明白的问题在哪里？

我的代码：

@model xx.Web.Models.MiniRepairViewModel
@{
    Layout = null;
}
<div class="pageWrapper">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
    @Html.Action("Breadcrumb", "Manage")
    <div class="TextBody">
        <div class="container">
            @Html.Action("LeftMenu", "Manage") //menu engage 
            <div class="col-threeQuarters">
     @using (Ajax.BeginForm("MiniRepairServiceAdd", "Ajax", new AjaxOptions { OnSuccess = "jsFilt", OnFailure = "OnFailure" }))
                {
                    <ul class="Form">
                        <li class="oneColumsFull">
                            @Html.DropDownListFor(x => x.GetCityModel.a, (IEnumerable<SelectListItem>)ViewBag.CitiesList, "select", new { name = "x", id = "y" })
                        </li>
                        <li id="ilce" class="twoColumsFull" style="display:none;">
                        </li>
                        <li class="oneColums"><input type="text" name="serviceName" id="serviceName" placeholder="Service"></li>

                        <li class="button"><input class=".bh-sl-reset" id="reset" type="button" value="clear" onclick="javascript: window.location.reload();"></li>
                        <li class="button"><input type="submit" value="search" name="search"></li>
                    </ul>
                }
                <div id="myDiv" class="well well-sm"> </div> //not working
            </div>
        </div>
    </div>
</div>

Answer 1

我不确定colThreeQuarters是否是引导程序类，实际的类是col

<div class="container">
   <div class="row">
      <div class="col-md-9> // 3quarters
      </div>
   </div>
</div>

Answer 2

您需要在Bodytag之前包括headtag，并在该head中添加bootstrap cdn，并在body tag的底部写上js cdn。所以代码结构将是这样

<html>
<head>
<bootstrap cdn>
</head>
<body>
your content
...
..
<js cdns>
</body>
</html>

Answer 3

这是因为您没有在正确的位置加载引导CDN。您应该按照@yashwardhan所说的将所有脚本文件加载到head标签中。

这意味着：

转到您的代码，找到</head>标记，并在该标记之前加载所有脚本和CSS文件。

<head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>

，并使用正确的引导程序语法。 colThreeQuarters不是引导类

为什么要这样做，在这里说明：- Where should I put <script> tags in HTML markup?

引导程序即使包含在内也不起作用

3 个答案: