On the page there is a menu:

<body> ... <div class="row"> <div class="col-lg-12"> <ul> ... </ul> </div> </div>

How can I move this menu right after the body tag for mobile devices (xs)?

  • <div class = "row"> <div class = "col-lg-12"> <ul> ... </ ul> </ div> </ div> - dasfsdfsdf
  • edit: bootstrap * - dasfsdfsdf
  • and assign a class and make display: none; and in the @media screen you cannot show this block but hide the main one? - user33274

1 answer 1

The Responsive Utilities section describes classes that help show certain blocks on certain permissions.
For example, the class .visible-xs-* will only be visible on small screens (<768px).

Classe Extra small devices Phones (<768px)
.visible-xs- * | Visible
.hidden-xs | Hidden