CODEWITHSUNDEEP
htmlcsstwitter-bootstrap
user3652674
user3652674

Reputation: 27

Two rows in a menu with css and bootstrap

I am trying to create header in a page, with a logo on the left side in the middle, and two like menus in 2 rows on the right side. How can I do it with css and using some classes from bootstrap? something like this

--------------------------------------------------|
          |    menu items 1 (aligned top-right)   |
Logo here |---------------------------------------|
          |    menu items 2 (aligned bottom-right)|
--------------------------------------------------|

Upvotes: 0

Views: 1146

Answers (1)

Junaid S.
Junaid S.

Reputation: 2642

Here is the code

<div class="container">
  <div class="row col-xs-4">
    // logo goes here
  </div>
  <div class="row col-xs-8">
    <div class="row col-xs-12">
      // upper part of menu
    </div>
    <div class="row col-xs-12">
      // lower part of menu
    </div>
  </div>
</div>

Upvotes: 1

Related Questions