S
S
Sergey Gromov2015-11-28 10:35:20
css
Sergey Gromov, 2015-11-28 10:35:20

Is this the correct bootstrap layout?

please tell me if you made the layout grid correctly from this PSD, I would like to hear your criticism
here is the layout codepen.io/reskwer/full/XmLwjX
here is the code

<div class="container">
      <div class="row nav">
        <div class="logo col-md-3">logo</div>
        <div class="menu col-md-7 col-md-offset-2 ">меню</div>
      </div>
      <div class="slide row">
        <div class="col-md-12">слайдер</div>
      </div>
      <div class="button row">
        <div class="col-md-12">текст с кнопокой</div>
      </div>
      <div class="row">
        <div class="busines col-md-3">1</div>
        <div class="busines col-md-3">2</div>
        <div class="busines col-md-3">3</div>
        <div class="busines col-md-3">4</div>
      </div>
      <div class="bc row">
        <div class="col-md-6">
          <div class="row">
            <div class="bc-post col-md-6">1</div>
            <div class="bc-post col-md-6">2</div>
            <div class="bc-post col-md-6">3</div>
            <div class="bc-post col-md-6">4</div>
          </div>
        </div>
        <div class="col-md-6">какой то текст</div>
      </div>
      <div class="footer row">
        <div class="col-md-12">футер меню</div>
      </div>
  </div>

and here is the layout
b417a3f15e074893ba679e0f146d1a50.jpg

Answer the question

In order to leave comments, you need to log in

2 answer(s)
D
Dima Pautov, 2015-11-28
@bootd

It’s as if you haven’t made anything up yet, but the grid itself seems to be arranged correctly!

M
mrJLi, 2015-11-28
@mrJLi

hmm, judging by the title in the codepen, you are using html5 layout, but where <header> <footer> <nav>are the other elements? you can also use divs with the jumbotron class for the slider in bootstrap

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question