Bootstrap не работает, хотя включен - PullRequest
0 голосов
/ 30 мая 2019

Привет, ребята. У меня проблема с начальной загрузкой 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>

enter image description here

Ответы [ 3 ]

1 голос
/ 30 мая 2019

Я не уверен, является ли colThreeQuarters классом начальной загрузки, фактический класс - col

<div class="container">
   <div class="row">
      <div class="col-md-9> // 3quarters
      </div>
   </div>
</div>
0 голосов
/ 30 мая 2019

Это потому, что вы не загружаете свой загрузочный CDN в нужное место. Вы должны загрузить все свои файлы сценариев внутри тега head, как сказал @yashwardhan.

это значит:

Перейдите к своему коду, найдите тег </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 не является классом начальной загрузки

Почему вы должны это сделать, объясняется здесь: - Где я должен поместить теги в разметку HTML?

0 голосов
/ 30 мая 2019

Вам нужно включить метку перед Bodytag и добавить загрузочный cdn в эту голову и написать js cdn внизу тега body. ТАК структура кода будет такой

<html>
<head>
<bootstrap cdn>
</head>
<body>
your content
...
..
<js cdns>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...