search

rpocklin / ui-router-tabs

Idiot-proof tab panes with route support using Angular.js + Bootstrap 3 + UI Router
Other
244 stars 57 forks source link

Tabs stacked up with screen is narrow #85

Closed RonAlmog closed 7 years ago

RonAlmog commented 7 years ago

The tabs works great for me, but one little problem: when the screen width gets below 960px (bootstrap large), the tabs become stacked one above the other. and I don't want that. i have plenty of room even in sm or xs sizes for the full 3 tabs. How can I avoid the stacking? Or: How can i get a different behavior (or different class of tabs) for different screen widths?

rpocklin commented 7 years ago

The example has a col-md-2 on the tabs - if you change this to col-md-12 it will stay across the screen rather than stacking. If you have more problems, please create a plunkr and i'll take a look.

RonAlmog commented 7 years ago

You're right. No, i had the class as col-md-12 all the time, but my mistake was to think that the stacking is caused by the directive, and after your answer i looked closer and saw it is actually our code ('responsive css') that does that. then fixed easily. thank you!