Классы можно посмотреть на сайте: https://bootstrapcreative.com/resources/bootstrap-4-css-classes-index/
В Бутстрап 4 есть классы для отступов m, p др.
https://getbootstrap.com/docs/4.1/utilities/spacing/
<!-- Отступы. Начало -->
<div class="container">
<h1 class="my-5">Hello, world!</h1> <!-- Отступы по оси y -->
<div class="mx-auto w-25"> <!-- Центрирование и ширина 25 -->
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, aliquid, modi, asperiores minima omnis ducimus eos sed iusto provident unde facere incidunt dicta eveniet temporibus quaerat cupiditate doloribus dolorum ex consequatur esse pariatur sequi voluptates dolore quisquam beatae. Sed, quas, ut, in commodi dignissimos laudantium sunt consequuntur labore iste ad obcaecati temporibus! Inventore vero minima doloribus recusandae optio in dignissimos vel cumque architecto porro. Accusamus minima vitae velit dicta harum! Ratione, corporis, tempore minima in soluta reprehenderit totam reiciendis neque non voluptatem ut dolore qui vel molestias animi odio mollitia! Nam, tempore doloribus reprehenderit a expedita sapiente architecto tenetur dolorem.
</div>
</div>
<!-- Отступы. Конец -->
<!-- Адаптивное изображение. Начало -->
<!-- .mw-100 - max-width -->
<div class="container">
<img src="img/sea3.jpg" class="mw-100" alt="">
</div>
<!-- Адаптивное изображение. Конец -->
В Бутстрап 4 есть классы для отступов m, p др.
https://getbootstrap.com/docs/4.1/utilities/spacing/
<!-- Отступы. Начало -->
<div class="container">
<h1 class="my-5">Hello, world!</h1> <!-- Отступы по оси y -->
<div class="mx-auto w-25"> <!-- Центрирование и ширина 25 -->
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, aliquid, modi, asperiores minima omnis ducimus eos sed iusto provident unde facere incidunt dicta eveniet temporibus quaerat cupiditate doloribus dolorum ex consequatur esse pariatur sequi voluptates dolore quisquam beatae. Sed, quas, ut, in commodi dignissimos laudantium sunt consequuntur labore iste ad obcaecati temporibus! Inventore vero minima doloribus recusandae optio in dignissimos vel cumque architecto porro. Accusamus minima vitae velit dicta harum! Ratione, corporis, tempore minima in soluta reprehenderit totam reiciendis neque non voluptatem ut dolore qui vel molestias animi odio mollitia! Nam, tempore doloribus reprehenderit a expedita sapiente architecto tenetur dolorem.
</div>
</div>
<!-- Отступы. Конец -->
<!-- Адаптивное изображение. Начало -->
<!-- .mw-100 - max-width -->
<div class="container">
<img src="img/sea3.jpg" class="mw-100" alt="">
</div>
<!-- Адаптивное изображение. Конец -->
Комментариев нет:
Отправить комментарий