Twitter bootstrap 3 在Boostrap3中制作响应选项卡

我正在bootstrap3中创建一个响应性设计。 我想修改选项卡的模板设计。为此，我使用了一个外部js文件

目前，我计划只在桌面版本中显示它们。我不知道如何在手机上产生同样的效果。所以现在就去看看吧

当我与Bootstrap3集成时，它不工作。 但是，如果使用没有引导代码的普通html文件，则其工作正常

有谁能帮我用Bootstrap3实现这一点吗

I have added the code in js fiddle @
http://jsfiddle.net/monicaRegal/do5b3ko3/1/

多谢各位 当做

---

Monica Mandal

如果您需要使用Bootstrap制作的选项卡扩展到页面或其容器的全宽，请在标记中使用

nav justized

类

这里的正文内容










美洲内容
欧洲内容
中东/非洲内容
亚洲/太平洋内容

那么，您到底想要什么样的引导？您是否希望选项卡对页面的其余部分做出响应，而不是像您的小提琴一样，对页面的其余部分做出响应？是的，我希望选项卡对地图图像做出响应。单击选项卡时，地图图像颜色应该改变，外观和感觉应该与我的jsFiddleWell引导选项卡中的相同，但是它们的响应程度取决于放置它们的容器的宽度，以及可能添加到CSS/JavaScript中的其他项目。请参阅下面的“我的解决方案”，了解跨越整个页面宽度的选项卡。你应该能够从那里设计它们来满足你的需要。谢谢MattD。我能够做到这一点，但不能添加小地图图像。请帮忙。这是一个造型问题，另外一个问题与获得响应标签无关。