Bootstrap Skin

2 posts, 0 answers
  1. Jack
    Jack avatar
    130 posts
    Member since:
    May 2003

    Posted 21 May 2016 Link to this post

    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

     

     

  2. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    557 posts

    Posted 23 May 2016 Link to this post

    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.
Back to Top