Как выровнять текст с изображением

Как сделать такую страницу пример с помощью начальной загрузки 4? Наличие тегов H1,p и img текст продолжается ниже, можно без сетки? Этот контент генерируется из панели администратора с помощью стандартного tinymce.

Можете ли вы поделиться частью кода, который у вас есть?

— 28.05.2019 02:01

css bootstrap-4

28.05.2019 01:30

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

CSS: FlexBox

Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вам не нужен Bootstrap, вам просто нужен стиль float: right на теге <img>.

Если вам по какой-то причине нужно сделать это с помощью Bootstrap, используйте класс float-right.

<link rel = "stylesheet" href = "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity = "sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin = "anonymous">
<div>
  <img class = "float-right" style = "width:400px; height: 200px;">
  <h1>Lorem Ipsum</h1>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
  in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit,
  sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
  eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>

28.05.2019 06:00

Другие вопросы по теме

Как выровнять рендеринг этой страницы с bootstrap4 с помощью Visual Studio

Как сделать две кнопки встроенными, если каждая из них имеет разную форму?

Цикл для организации и отображения пользовательских сообщений по категориям с использованием PHP и WordPress

Функции начальной загрузки флажка не работают при использовании jquery append

Как разместить статическую кнопку в правом нижнем углу?

Bootstrap 4 pull-right не работает на навигационной панели

Моя ссылка Bootstrap CSS не работает для меня?

Проблема с выравниванием столбцов Bootstrap

Есть ли способ изменить элементы страницы перед ее открытием

Почему загрузочный столбец не занимает 12 столбцов автоматически?

Как выровнять текст с изображением

Ответы 1

Другие вопросы по теме

Похожие вопросы