тег начальной загрузки 4 h2 не показывает заголовок в отдельной строке - PullRequest
Новая
       1

тег начальной загрузки 4 h2 не показывает заголовок в отдельной строке

0 голосов
/ 10 апреля 2019

Я использую загрузчик 4. Когда я пишу заголовок с тегами заголовка (h1, h2, h3 ...), заголовок должен отображаться в одной строке.происходит следующее содержимое, отображаемое с тегом заголовка без разрыва строки.в чем может быть причина?

Я убедился, что тег заголовка закрылся правильно 

<div class="row">    <h2>Expertise</h2>    <p>Php, html5, css3, wordpress, </p>    </div>

ожидаемый результат должен быть как выше

, но он отображается как ниже.все идет в одну строку с разным размером шрифта.Экспертиза больше, чем остальное содержание.

Экспертиза Php, HTML5, CSS3, WordPress,

Ответы [ 2 ]

0 голосов
/ 10 апреля 2019

Добавить столбцы для добавления содержимого в строку следующим образом 

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<div class="container">
    <div class="row">
        <div class="col">
            <h2>Expertise</h2>
            <p>Php, html5, css3, wordpress, </p>
        </div>
    </div>
</div>

Правила системы начальной загрузки 4 Grid

  • Использование строк для создания горизонтальных групп столбцов
  • Содержимое должно быть помещено в столбцы, и только столбцы могут быть непосредственными потомками строк

Ссылка: https://www.w3schools.com/bootstrap4/bootstrap_grid_system.asp

0 голосов
/ 10 апреля 2019

Это из-за класса "row", который содержит display: flex. Если вы хотите использовать строку, тогда примените css "flex-direction": column. Это приведет h2 к следующей строке. 

<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">

<body>
  <div class="">
    <h2>Expertise</h2>
    <p>Php, html5, css3, wordpress, </p>
  </div>
</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...