CODEWITHSUNDEEP
htmlcsstwitter-bootstrap
Suraj
Suraj

Reputation: 2563

Bootstrap column breaks when the image has larger names

I have a bootstrap row, which has class col-sm-2 for six times.

I have got images in each col-sm-2, After I add images to all of the classes, the 7 image goes to the next line.

But when I have the name of the images large, It is breaking for some reason.

Please check the fiddle here. Press f11 to see expanded view in the fiddle.

Upvotes: 1

Views: 68

Answers (4)

Rajesh kannan
Rajesh kannan

Reputation: 634

Ok now I got the problem.

ok check this fiddle http://jsfiddle.net/scLnsynn/

i just removed display:block from your input:checked + img style

Check and let me know if it is worked

Upvotes: 0

Tushar Dhingra
Tushar Dhingra

Reputation: 27

Please use width with 100% and your div tag is broken i have fixed both

img{
width:100%;
}

check demo Thanks

so let me know in case you have any query.

Upvotes: 0

Rajesh kannan
Rajesh kannan

Reputation: 634

use this css

.col-sm-2 {
    white-space:nowrap;
}

let me know if it is worked

Upvotes: 0

Marcos Pérez Gude
Marcos Pérez Gude

Reputation: 22158

you are closing bad the div tag in the "Regular Classic Button Down C02-B" image.

I recommend to you to put images to 100% of the container width, and it shrinks automatically.

Fix it and it works.

Upvotes: 2

Related Questions