В настоящее время я работаю над приложением узла, используя экспресс, и рендеринг html-страницы, используя ejs.
Когда я использовал начальную загрузку в моем файле .ejs
, точки останова .col-xs-*, .col-sm-*
работали хорошо, но точки останова для большей ширины не могут работать должным образом.
Хотя я использовал загрузчик в файле .html
и открыл его в браузере, все точки останова работали нормально. И я попытался включить загрузчик как из CDN, так и локально, это привело к одной и той же ситуации. Не могу понять, что пошло не так.
Вот мой код:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel='stylesheet' type='text/css' href='/bootstrap.min.css'>
<title>
TEST
</title>
<style>
.eight{
background-color: red;
}
.four{
background-color: blue;
}
</style>
</head>
<body class='container-fluid'>
<article class='row'>
<div class='col-sm-8 eight'>
8
</div>
<div class='col-sm-4 four'>
4
</div>
</article>
</body>
</html>
Я хочу, чтобы красный div занимал три четверти ряда, а синий - остальные.
Предложения и решения проблемы приветствуются. (Не носитель английского языка, извините за неясное выражение, если таковое имеется.)