This is a migrated thread and some comments may be shown as answers.
Bootstrap Skin
1 Answer 13 Views
This is a migrated thread and some comments may be shown as answers.
Jon
Top achievements
Rank 1
Jon asked on 22 May 2016, 03:51 AM

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

 

 

1 Answer, 1 is accepted

Sort by
0
Ivan Zhekov
Telerik team
answered on 23 May 2016, 08:46 AM
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
Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Asked by
Jon
Top achievements
Rank 1
Answers by
Ivan Zhekov
Telerik team
Share this question
or