Jump to content
  • 0

бустрап верстка


https
 Share

Question

есть такой чудо код

<div class="row">        <div class="col-lg-4">            <div class="col-lg-7">                <h1>Менеджеры</h1>            </div>            <div class="col-lg-5">                <h1><a class="btn btn-success" href="/user/create"><span class="glyphicon glyphicon-plus"></span></a></h1>            </div>        </div>        <div class="col-lg-8">        </div>    </div>

так нормально делать или есть более правильное решение?

смущает ссылка в <h1> но иначе не выравнивается

Link to comment
Share on other sites

12 answers to this question

Recommended Posts

  • 0

конечно же так не нормально.

Смотрите исходники бутстрапа, и всё станет ясно.

Для h1 назначается размер шрифта, высота строки, отступ.

А есть ещё класс h1 на всякий случай.

Link to comment
Share on other sites

  • 0
.col-lg-4 > .col-lg-7 + .col-lg-5   это как, в 4 колонки вложили 12 ? это нормально. В бутстрапе колонки просто делят любое доступное им пространство.

 

А как же контейнер с классом .row  для вложенных колонок?

Link to comment
Share on other sites

  • 0

По обстоятельствам. Он может быть нужен, а может и нет.

.row же что делает? Правильно, компенсирует отступы у крайних колонок. В этом элементарно может не быть необходимости в данном конкретном случае.

Link to comment
Share on other sites

  • 0

12 — это по умолчанию, можно задать своё значение. Смотрите здесь: https://github.com/twbs/bootstrap/blob/v4-dev/scss/_variables.scss#L132

И ещё раз: .row тут ни при чём. Смотрите, из чего оно состоит: https://github.com/twbs/bootstrap/blob/v4-dev/scss/_grid.scss#L28

И сам миксин: https://github.com/twbs/bootstrap/blob/v4-dev/scss/mixins/_grid.scss#L25

Читаем внимательно стили. Там всего-то очистка потока и компенсация отступов по краям.

А деление на колонки — это уже сами колонки. И сколько их будет, зависит только от вашего желания.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy