Bootstrap vertical positioning to horizontal in smaller screen

I use bootstrap for responsive design.

This is the view for computer:

This is the view on ipad:

Is it possible to somehow when I change to iPad to change these vertical menu boxes to horizontal state like this:

I use this classes:

<div class="row">
    <div class="col-lg-4">MENU</div>
    <div class="col-lg-8">LIST</div>
</div>

Thank you for any advice!

Answers


Look at here : http://getbootstrap.com/css/#responsive-utilities The DOC

The col-lg is for Large Device

For extra small device :

<div class="row">
    <div class="col-xs-4">MENU</div>
    <div class="col-xs-8">LIST</div>
</div>

For small device:

<div class="row">
    <div class="col-sm-4">MENU</div>
    <div class="col-sm-8">LIST</div>
</div>

UPDATE : I don't know what device is IPAD (extrasmall, small or medium device so in my exemple it will be small..

<div class="row">
    <div class="col-md-4">MENU
         <div class="col-sm-4 col-md-12>acccount</div>
         <div class="col-sm-4 col-md-12>transact</div>
         <div class="col-sm-4 col-md-12>details</div>
    </div>
    <div class="col-md-8">LIST</div>
</div>

When you see <div class="col-sm-4 col-md-12>acccount</div> :

this div will be 4/12 on small device, and 12/12 (of col-md-4) in medium device...

I hope we are on the same wave now ^^


Need Your Help

How to store only unique data into Parse.com?

android json parse.com

Am currently working on the android app which fetches data from a url. I need to save some info from it to parse. The data is saved when the user searches for something. So when the user searches the

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.