Hi there,
there is a 3 col grid view.

grid works well except on mobile devices

Twitter Bootstrap 3 theme. The grid works well for all kinds of Displays, except mobile phones, like Galaxy S4 and iPhone 6 ( Didn't tried more ).

Preferences:
- format: grid
- 3 columns
- automatic width active

global custom text:

<div class="row">
  <h2>{{ title }}</h2>
  {{ field_body }}
</div>

The problem is 3 columns come on each device.

Now a build a 2nd view:

twitter bootstrap works without row class

preferences:
- format: unordered list
- row class: nothing

global custom text:

<div class="col-md-4"><h2>{{ title }}</h2>{{ field_body }}</div>

Twitter bootstrap works so far. But I couldn't declare the row-class. Therefore the pagination jumps to the right.

If I declare the row-class, I get an one-column-result despite col-md-4.

Regards, bolshii

Comments

onejam’s picture

You need to change this

<div class="col-xs-12" style="width: 33.333333333333%;"> ... </div>

to

<div class="col-xs-12 col-md-4">... </div>

-----------------------------------------------------------------
We build engaging websites and intuitive designs that will benefit your business.
Duvien

bolshii’s picture

Thanks a lot ;)

Niccolo’s picture

Thank you helped me as well :)

__________
The Prince