This is a migrated thread and some comments may be shown as answers.

PanelBar, combobox with Twitter bootstrap

1 Answer 150 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
ShootingStar
Top achievements
Rank 1
ShootingStar asked on 16 May 2012, 06:12 AM
Hello

I have a problem panel bar with Twitter bootstrap.

I want to put two combo box in one line an the first PanelBar tab.

My code is exactly same as following link.
http://jsfiddle.net/nxhPW/3/

It is broken the shape when I set class="span5" << twitter bootstrap css property (set width)

How can I this broken panel box fix?

Could you help me a little?

Thank you in advance.

1 Answer, 1 is accepted

Sort by
0
Accepted
Kamen Bundev
Telerik team
answered on 16 May 2012, 07:50 AM
Hello Donam,

The offending rule is this:
[class*="span"] {
    float: left;
    margin-left: 20px;
}

This makes your DIVs floated and they fail to resize the Panel item container. You'll need to either remove the floating (change the class name) or set overflow: hidden to .k-content.

Greetings,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
PanelBar
Asked by
ShootingStar
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Share this question
or