[Solved] Four Column Layout Width Issue – Bootstrap 3

[tahirk]

Hi,

I’m having some problems with Four Column block width in bootstrap 3. It doesn’t re-size to the column width and its width is only effected by the padding provided.

Text is being moved to two rows as of result.

Here is the pen.

[jkinney768]

There is just too much padding on .quizimgblock .textbox, and since you have .wrapper as display: inline-block, it’s not expanding the full width like it should. So, I would give .wrapper a width: 100% so it’s actually the full width it should be, and remove, or greatly reduce the padding of .quizimgblock .textbox.

Here is a forked version of your pen: Pen

[tahirk]

Thanks a lot @jkinney768. Exactly what I wanted.

[Author]

Posts