Текст с изображениями плавающих рядом с ним - PullRequest
Новая
       12

Текст с изображениями плавающих рядом с ним

0 голосов
/ 08 марта 2019

Привет, я новичок в кодировании, но хочу учиться, я пытаюсь создать новый веб-сайт с нуля и хотел создать картинку слева, а затем справа от нее что-то вроде этого ... Это самое близкое, что я смог найти. Я могу получить изображение слева и значки и текст справа, но не текст справа от значков ... и, кажется, не могу найти никаких примеров,Если бы кто-то мог помочь мне, я был бы очень признателен.

Ответы [ 2 ]

0 голосов
/ 08 марта 2019

https://www.w3schools.com/css/css_float.asp

Я думаю, это то, что вы хотите.Другими словами, просто добавьте текст и ссылку img в html и в таблицу стилей css, используйте float: left и padding.

0 голосов
/ 08 марта 2019

Это то, что вы пытаетесь реализовать? Найти сетку Bootstrap для получения дополнительной помощи https://getbootstrap.com/docs/3.4/css/

Также вы можете показать свой код, чтобы сделать ваш вопрос более понятным. 

<!DOCTYPE html>
<html lang="en">

<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <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.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>

<body>

  <div class="container-fluid">
    <h1>Bootstrap grid system</h1>

    <p>select from 12</p>
    <br>
    <div class="row">
      <div class="col-md-4">
        <img src="img.png" class="img-responsive">

      </div>
      <div class="col-md-8">
        GG
        <h1>GLHF</h1>
      </div>
    </div>
  </div>

</body>

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

Нет похожих вопросов

...