Bootstrap layout bug?

As i understand it bootstrap optimizes layout on mobile devices. As such it should not change product display on desktop computers. Yet in my case it does

I have my global configurations set as follows

Module head standard options
Column Amount: 2
Artikel Amount: 20

non-boostrap layout: 2 columns are displayed on both desktop and my tablet (nexus 7 2013)
bootstrap layout: only 1 column is displayed with all 4 categories below each other on BOTH desktop AND tablet

as i understand it this should not happen and it should be as followed

non-boostrap: 2 colums 2 rows on both desktop and tablet
bootstrap: 2 columns 2 rows on desktop, 1 column 4 rows on tablet. Not 1 column 4 rows on both

Checkout process: non bootstrap

progress OK
payment methods selectable

checkout process: with bootstrap

Seems like it's mainly for twitter anyway, don't use that so i can leave that option disabled. I usually just start configuring the an installed component and only consult the documentation when i encounter issues. Must have overlooked that or unable to find it. Non-bootstrap it is then.

I have notified the people at artisteer, perhaps they can make their templates bootstrap compatible by default.

Case closed