javascript - Combining data-toggle="tab" and data-toggle="dropdown" in bootstrap -

i'm trying create dropdown tab following behavior:

• clicking on tab's text doesn't trigger dropdown menu, navigates given link (data-toggle="tab")
• clicking on caret next tab's text triggers dropdown (data-toggle="dropdown")

so if click on "menu 1", tab content should change, dropdown menu shouldn't visible. if click on caret next "menu 1", tab content shouldn't change, , dropdown menu should shown instead.

is somehow possible solve in bootstrap?