HTML5 & Bootstrap class= "container", может ли он применяться к телу или только div?

Я продолжаю натыкаться на эту проблему, где все держатся: a) желание обернуть семантические теги HTML5 с помощью divs и b) хочет применить селекторы классов к divs, а не к семантическим тегам. Как будто люди боятся по какой-то причине наносить классы на семантические теги.

например, мне постоянно говорят, что это "неправильно",

<body class="container">
    <header class="row">
        <div class="col-md-12"> ...

и что-то вроде этого более предпочтительно,

<body>
   <div class="container">
      <div class="row">
          <div class="col-md-12"> ...

и здесь, где первый пример у меня есть класс столбца в теге h2 

    <div class="row">
        <h2 class="col-4 feature">Featured Work</h2>
    </div>

но "правильный" способ-добавить еще один тег div для применения класса,

    <div class="row">
        <div class="col-4 feature">
            <h2>Featured Work</h2>
        </div>
    </div>

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

15
class containers css html5 twitter-bootstrap

1 ответов

Я рекомендую придерживаться

<body>
   <div class="container">
      <div class="row">
          <div class="col-md-12"> ...
.

Если вы собираетесь работать со многими другими разработчиками или с шаблонами bootstrap-вы увидите, что контейнер классов, как правило, гнездо row класс divs.

поскольку мы говорим о разметке, правильного ответа нет, но настоятельно рекомендуется следовать этому соглашению.

  1. для последовательности
  2. для легких изменений к вводить в моду & возможность повторного использования с другими проектами-это даже открывает дверь для замены таблиц стилей css из других проектов или шаблонов начальной загрузки. (У меня были некоторые удивительно хорошие результаты с этим).

однако, если вы настаиваете на предоставлении тегов non-div" container "и" col-X", будьте последовательны. Я бы не рекомендовал его, хотя и считал бы любой шаблон, который следует своей собственной конвенции, показателем низкого качества кода.

9