Hana Bzh
Hana Bzh

Reputation: 2260

Bootstrap wrong alignment of items

I'm new to bootstrap, I use col-md-* grid system to make a list of items. Each item is something like the picture below

enter image description here

The source code in JSFiddle.

The problem is when I decrease the size of the browser windows, the red rectangle goes in the wrong place. How can I fix it?

enter image description here

Upvotes: 0

Views: 214

Answers (1)

nolawi
nolawi

Reputation: 4649

If you want something to be the right but not all the way to the right you should use the bootstrap grid off-sets.

Second Take a look at this grid example and see what resizes at smaller windows to full-width.

also the the responsiveness of bootstrap at certain widths makes col-md-6 100%

it seems like you will need to col-xs-6 instead.

I have updated the fiddle here

http://jsfiddle.net/ZTgGX/2/

Upvotes: 1

Related Questions