; спокойная езда!
е у меня был сайт сBoostrap 3.3.4
и так как я переехал вBootstrap 4
все сломано.
По сути, структура моего сайта была очень простой, контейнер, содержащий некоторыеjumbotrons
и немногоpanels
<body>
<section class="container">
<div class="jumbotron vertical-center">
<div><img src="img/hello.jpg" style="width: 35%" class="img-responsive" title="Hello" alt="World"></div>
<h2>my website!!</h2>
<div class="panel panel-default">
<div class="panel-body">
<h4> stackoverflow </h4>
</div>
</div>
<div class="panel panel-default">
<div class="panel-body">
<h4><span class="glyphicon glyphicon-education" aria-hidden="true"></span><strong> This is reall cool! </h4>
</div>
</div>
и так далее.
CSS будет просто
.container {
max-width: 600px;
background:white;
padding: 30px 30px;
text-align: center;
background: transparent;
}
.jumbotron {
background: white;
}
Здесь у меня будет наборв центре, отзывчивый красивые блоки (с округлыми краями), которые НЕ занимают всю ширину экрана.
Я понятия не имею, как адаптировать это сBootstrap 4
.