Bootstrap Skin

[Jon]

Hi,

I've looked around and tried the Style Builder as well but can't find what I'm looking for, which is the CSS to make the bottom border on the Bootstrap Tab Strip Skin extend all the way to the right instead of stooping after the last tab.

All help appreciated.

Cheers,

J

 

 

[Ivan Zhekov]

Hi.

The behaviour you described is specific only for Classic rendering. To overwrite the issue, you need a small css snippet:

html .RadTabStripTop_Bootstrap .rtsUL {
    float: none;
    display: block;
}

Attached is a page that shows the snippet in action.

I'm also attaching a page that uses RadTabstrip / Bootstrap skin in lightweight render mode. For more information on lightweight rendermode, you can check this blog post -- http://www.telerik.com/blogs/attack-of-the-light-rendered-css3-and-html5-win -- or just look in the docs. But in a nutshell, it's our take on semantic rendering and styling using mostly CSS and little to no images.

Regards,
Ivan Zhekov
Telerik