Dr.Kameleon
Dr.Kameleon

Reputation: 22820

How can I restrict element width, using Bootstrap?

OK, I'm having an issue I really can't get my head around...

My website is built around Twitter Bootstrap and I'm showing data in a Nested Accordion structure.

However, on some cases (such as this one : http://patternz.drkameleon.com/project/results/441298/3/extended - please have a look at the 'Results' tab, it needs a Username: 'peraspera' and Password: 'adastra' to access it), the content seems to overflow.

If you want to see the actual code (and not what it looks like, since this one is fetched via AJAX, the content is here : http://patternz.drkameleon.com/project/format/441298/3/extended).

The weird thing is that in various other cases the content is properly restricted inside the main page...

Any ideas what might be going wrong or what could be done in order to fixes?


Anything will be more than welcome - I've been banging my head against the wall several hours due to this thing... :S

Upvotes: 0

Views: 96

Answers (1)

Sowmya
Sowmya

Reputation: 26969

Add width:900px to tab-pane class

<div class="tab-pane active" id="patterns" style="width:900px">

enter image description here

Upvotes: 1

Related Questions