Mobile tabs

[sergeyklay]

Hi!

I don't know can I here ask questions and seek help. But I would venture : ) Explain to me how should looks like tabs in mobile view?

Code

<div id="tabs">
    <ul class="nav nav-tabs">
        <li class="active first"><a href="#">Inbox</a></li>
        <li><a href="#">Sent Mail</a></li>
        <li><a href="#">Drafts</a></li>
        <li><a href="#">All Messages</a></li>
    </ul>
</div>

Screenshot

Is possible somehow make them more mobile, or at least fix this terrible view?

P.S. Active tab have custom style

[boulox]

You best bet so far should be to stack the tab for mobile view. Check https://github.com/frequent/tabview for example behaviour (unfortunetly this is for jquerymobile). This approach been discuss couple of time in bootstrap issue but always been closed by core dev. :(

[carasmo]

This http://openam.github.io/bootstrap-responsive-tabs/ ROCKS!!! turns into an accordion and kicks ass!

[mdo]

Yup, we don't support them currently. I'm not against it, but the payoff doesn't seem that great when we're talking about remixing one component into another for only one viewport range.

[sergeyklay]

@mdo Yes you're right. In this connection I is only interested in native solution. Thanks @boulox and @carasmo Mb some hack? : )

[mdo]

We won't be adding any hacks to do this, and I imagine it's too late to try to work this into v3 anyway since it'd change the behavior of the component as it is now. We'd have to add a new component or wait to v4, which I'm more inclined to do.