jquery - 如何在一行中显示 Bootstrap 动态选项卡而不用滚动按钮向下 float 以查看选项卡

标签 jquery css twitter-bootstrap

我正在尝试动态显示 Bootstrap 选项卡,当我们单击链接时,它将在带有关闭按钮的选项卡中显示内容。

我的要求是在标签不合适的情况下,将标签显示在一行中而不向下 float 。 enter image description here

最佳答案

假设您可以在溢出的情况下使用滚动条,那么一个简单的 white-space: nowrap 就可以了。

但是下面会出现滚动条。您可能会考虑一些更 UI 友好的东西,比如使用 Material 设计选项卡组件。此处示例:http://codepen.io/thomaskokholm/pen/LWOPRg

关于jquery - 如何在一行中显示 Bootstrap 动态选项卡而不用滚动按钮向下 float 以查看选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42834958/

相关文章:

php - jquery、ajax返回奇怪的数据?

jquery - jQuery() 函数有什么作用?

html - bootstrap 3 - 响应表布局到每个 td 在新行上的位置

Jquery 前置点击处理程序

javascript - ajax从localstorage发送数据到php

jquery - 引导折叠为打开的元素添加类

javascript - 单击按钮时不会显示音频控件 JavaScript

php - 置顶帖子 wordpress 的样式

javascript - Bootstrap Affix 的替代方案

html - Bootstrap 3 Navbar - 悬停链接时,颜色显示为#EEEEEE