Twitter Bootstrap选项卡不隐藏内容
Twitter Bootstrap是一个流行的前端开发框架，它提供了丰富的组件和样式，可以帮助开发人员快速构建响应式网页和Web应用程序。其中之一的选项卡组件可以用于创建具有多个标签页的界面，用户可以通过点击标签页来切换显示不同的内容。
选项卡组件的基本结构包括一个包含标签页的导航栏和对应的内容区域。默认情况下，Bootstrap的选项卡组件会自动隐藏未激活的标签页的内容，只显示当前激活的标签页的内容。这种行为可以提高页面加载速度和用户体验。
如果希望选项卡不隐藏内容，可以通过添加data-toggle="tab"属性来禁用默认的隐藏行为。具体来说，可以在选项卡的导航栏中的每个标签页的<a>标签上添加data-toggle="tab"属性，示例如下：
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#tab1">标签页1</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tab2">标签页2</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade show active" id="tab1">
<p>标签页1的内容</p>
</div>
<div class="tab-pane fade" id="tab2">
<p>标签页2的内容</p>
</div>
</div>在上述示例中，通过添加data-toggle="tab"属性，禁用了选项卡的内容隐藏行为。这样，无论用户点击哪个标签页，所有标签页的内容都会同时显示。
对于Twitter Bootstrap的选项卡组件，腾讯云没有提供直接相关的产品或产品介绍链接地址。但腾讯云提供了丰富的云计算服务和解决方案，可以帮助开发人员构建和部署基于云计算的应用程序。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多信息。
相关·内容
1回答
引导选项卡已损坏
、、、
我有一个使用twitter bootstrap标签的小型web应用程序。最近，它停止了工作。
在调查中，bootstraps自己的演示页面上的基本选项卡似乎也不起作用。请参阅：
我已经在Firefox，Chrome和IE上测试过了。在多台机器上。Bootstrap选项卡在整个主板上都断开了。
知道是怎么回事吗？
谢谢
浏览 1提问于2012-06-07得票数 0
回答已采纳
我尝试在同一个页面中使用Twitter Bootstrap tabbable和Bootstrap popovers。我在解决弹出框不能超出标签限制的问题上遇到了困难(问题是当弹出框出现在边框旁边时，它是半隐藏的)。
我不是JQuery方面的专家，但据我所知，问题来自于在"iframe“中创建的选项卡，而弹出窗口不能显示在它的”iframe“之外。
有什么办法可以解决这个问题吗？(=即使在靠近选项卡的边框时也能正确显示弹出框?)
非常感谢!
下面是一个示例代码，显示了我的问题(准备复制/粘贴到.html 中)：
<!DOCTYPE html>
<head>
浏览 0提问于2012-07-05得票数 3
回答已采纳
这里完全是个网络新手。我正在使用Twitter Bootstrap来建立我的个人网站。
我喜欢Tabbable，它可以在不刷新页面的情况下切换内容。但是，我不想显示选项卡头，相反，我想使用NavBar作为头。
有没有办法隐藏头部？
浏览 2提问于2012-03-15得票数 2
回答已采纳
我使用twitter bootstrap和这个插件来选择菜单。
当我试图将这个select应用于标签内的内容时，我遇到了一个问题。
演示来说明这个问题。
在标签外，一切正常，但在标签内溢出不能正常工作。
同样，如果我试图覆盖标签溢出(如下所示)
.tab-content {
overflow: visible !important;
}
然后我又遇到了另一个问题--菜单下拉并扩展到了最大高度。
所以，我的问题是如何避免这个问题，并使选择菜单在选项卡内工作，就像它在选项卡外工作一样。
浏览 0提问于2013-03-17得票数 5
回答已采纳
我有一个twitter引导选项卡组件，其中我有5个选项卡。我希望其中3个选项卡是表单的一部分，而第4个、第5个选项卡不是。
所以我想，我就把这3个选项卡包装在一个form.But中它不起作用。我已经检查了这个帖子，从第一个答案中得到了两个问题。因为在第二个答案中解释了问题，但我期待更好的解决方案，使用js而不修改bootstrap核心文件。
我使用的是twitter bootstrap 3.3.2。我该如何解决这个问题呢？
以下是示例代码：
<div class="row">
<div class="col-lg-12 animated-pan
浏览 1提问于2015-10-07得票数 0
1回答
我刚刚为Twitter引导选项卡元素提交了一个。
我在这里要求看是否有人有一个解决办法的想法，直到这个错误被修复。
问题：
无论选项卡最初是活动的还是隐藏的，选项卡中的布局似乎是不同的。在绘制SVG元素时(在本例中，使用Raphael.js)，垂直对齐方式是不同的，这取决于初始的选项卡状态(活动与否)。
下面是一个演示这个问题的。
解释：下面的拉斐尔指令应该将文本水平地和垂直地画成一个圆圈(应该看起来像一个比拉德球)。
paper.circle(13, 13, 10.5);
paper.text(13, 13, "10");
这在很多情况下都是可行的，但是如果您在非活动引导选项
浏览 6提问于2014-07-22得票数 0
回答已采纳
4回答
如何在选择选项上单击时隐藏选项卡
、、、、
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#song">Song</a></li>
<li id="image-tab"><a href="#image" data-toggle="tab">Image</a></li>
</ul>
<div cla
浏览 0提问于2016-06-27得票数 0
回答已采纳
我对推特Bootstrap的class=“nav”有个问题。
当我包含"data-toggle='tab'“时，我的菜单项都不起作用。
(顺便说一句:如果我删除数据切换，第一个选项不起作用，但其他选项可以，即如果删除数据切换，谷歌不能工作，但必应和Bing2可以，雅虎不能工作，但CNN和天气可以)
代码如下：
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery.js"></script>
<lin
浏览 0提问于2012-10-28得票数 1
回答已采纳
我正在尝试构建一个选项卡集，它将使用bs-tabs angularstrap指令和ng-repeat来动态更改用户操作(假设最初的选项卡是a，b，c。在某些用户操作中，它应该更改为x，y，z)
我试图通过将ng-repeat指向用户操作上的一个新数组对象来实现这一点。我注意到一个奇怪的行为，而不是选项卡集被刷新
我已经在这个plnkr中重建了它，请看一下。
<!DOCTYPE html>
<html ng-app="angularjs-starter">
<head lang="en">
<meta ch
浏览 0提问于2013-11-20得票数 0
如何重新加载当前选择的Twitter Bootstrap选项卡？
这就是我到目前为止所做的，但它只是使任何后续选项卡多次重新加载。
function reload_tab() {
$('a[data-toggle="tab"]').on('shown', function (e) {
$('#tab-loaded-content').load($(e.target).attr('href'));
});
}
浏览 2提问于2012-07-09得票数 1
回答已采纳
社交按钮跳来跳去，直到满载。
此影片剪辑显示了社交按钮在加载时的跳跃行为。这发生在Chrome，Firefox和IE上，都是最新的版本。通过bootstrap-sass gem使用Twitter bootstrap css。
有没有办法把它们隐藏起来，直到它们加载完毕？
<div class="social-bar">
<div class="container">
<ul class="social-buttons">
<li class="fb-button"
浏览 4提问于2013-04-15得票数 0
我在这里实现了Twitter Bootstrap的Carousel jQuery插件： (参见responses标签)
旋转木马通常可以工作，但偶尔会卡住。当您与其他选项卡交互，然后使用responses选项卡时，尤其会发生这种情况。我想这跟标签有关..
有人知道为什么旋转木马卡住了吗？
谢谢!
浏览 2提问于2012-07-21得票数 5
我已经阅读了有关在一个页面上使用多个表的dataTable的文档。所以，它应该是可行的。
我使用Bootstrap将每个表放在一个选项卡中。每个表都显示了一些dataTable控件。
第一个表显示了xls和pdf的表格工具。但是，第2个、第3个、第n个选项卡显示所有的表格工具输出(xls、pdf、copy、cdv、print等)。除了打印之外，所有的输出类型都不起作用。
这是我的jQuery：
$(document).ready(function () {
$('.dataTable').dataTable({
"sDom": 'CT<&
浏览 1提问于2013-01-13得票数 0
回答已采纳
我有一个使用twitter bootstrap的带有标签的页面，对于标签，我使用了这个修改的，它给我提供了url，如index.php?id=1#/profile (如果配置文件标签是活动的)，index.php?id=1#/contact (如果联系人标签是活动的)。
问题是，当我提交一个表单时，处理表单的页面返回给我$_SERVER‘’HTTP_REFERER‘，但没有将我重定向到index.php?id=1#/profile，它会将我重定向到index.php。据我所知，这是因为#/profile是客户端，而index.php是服务器端。有没有办法让处理表单重定向的页面返回，并激活上次访
浏览 0提问于2012-10-05得票数 0
回答已采纳
1回答
Typo3引导元素权限
、、、
我想要设置一个用户组，它具有在页面上插入引导程序内容元素的权限(例如，引导:列行，引导:按钮链接.)，我在任何地方都找不到这些权限。我正在使用Typo3 6.2.4引导包，其中包括Fluid Content: Twitter Bootstrap Elements (fluidcontent_bootstrap)，有什么想法吗？Thx
浏览 4提问于2015-01-31得票数 1
回答已采纳
3回答
我有一个使用twitter bootstrap设置样式的rails项目。在一个页面上，我有三个标签#1，#2，#3。
我想知道如何从另一个页面链接到特定的选项卡，例如选项卡#2。我已经尝试创建一个链接与一个锚例如：#2，但它不工作…当页面加载时，它会自动加载tab #1 (注意: tab #1在html中被分配了一个“active”类)。
我是不是遗漏了什么？
这是否需要额外的JS才能实现属性的功能？
浏览 0提问于2012-04-06得票数 2
2回答
我的代码可以很好地隐藏选项卡。但是我如何隐藏标签的内容呢？？
$('#hasCustomerUITab').hide();
$('#customerUI').change(function () {
if ($(this).is(":checked")) {
$('#hasCustomerUITab').show();
}
else {
$('#hasCustomerUITab').hide();
浏览 0提问于2018-03-05得票数 1
我有以下条目my (Rails 3.2.13) Gemfile：
gem 'twitter-bootstrap-rails'
gem 'bootstrap-sass'
在app/assets/javascripts/application.js中：
//= require twitter/bootstrap
在app/assets/stylesheets/custom.css.scss的顶部：
@import 'bootstrap'
这是“正确的”吗？我是否同时需要'twitter-bootstrap-rails‘和'bootst
浏览 1提问于2013-04-28得票数 6
回答已采纳
我不知道这个标题是否合适，或者它是否有意义。但是这里..。我正在使用Yii bootstrap作为我的扩展，我真的很享受这些小部件的乐趣。然而，我有一个问题。
我有3个视图，我已经成功地将它们渲染到bootstrap TbTabs..each选项卡中，其中包含一个显示一些信息的tbdetailview视图。这样做的目的是防止用户被如此多的信息淹没。因此，我可以为他们提供一个选项，只显示他们最想查看的信息。
然而，我仍然想给他们一个选项来查看整个信息，所有三个详细信息从选项卡。只需点击一个按钮，就可以说“全部显示”或类似的东西。我应该能够做到这一点，而不是真正重定向到另一个页面。
我真的不需要将
浏览 0提问于2013-07-04得票数 0
我正在使用Twitter Bootstrap，我需要绘制菜单行：。
所以我需要通过垂直分隔线来画线。
这是我现在所拥有的-
我不知道怎么做？
浏览 2提问于2012-07-09得票数 6
回答已采纳
我目前正在与Twitter Bootstrap合作一个AngularJS项目，并试图将我的Bootstrap指令转移到Angular中。我决定使用AngularStrap，因为它提供了对Bootstrap-Select的支持(我不确定这是否也适用于AngularUI)。不过，只涵盖了静态html。有没有办法通过AngularStrap或AngularJS动态加载html片段，以便只在单击选项卡时调用？我的html片段也需要执行javascript。
我这样做的原因有两个。首先，每个标签包含相当多的内容，我不希望一次加载所有的标签，这会减慢加载速度。第二个原因是，我喜欢更模块化的方法来编写源代码
浏览 1提问于2013-05-28得票数 8
回答已采纳
我正在为推特做一个Chrome扩展，希望它只影响twitter.com上的页面，而不影响子页面(即twitter.com/提及)。
我的清单当前设置如下，但仍会影响子页面。
"matches": ["http://www.twitter.com/","https://twitter.com/"],
有什么想法吗？
浏览 18提问于2018-01-13得票数 1
回答已采纳
1回答
我使用twitter-bootstrap创建了一个网站，当我试图显示只对智能手机用户可见的数据时，我正在处理一个问题；
使用<div class="visible-phone">This is a test div</div>在智能手机上根本不会显示任何数据，而<div class="visible-desktop">This is a test div</div>在电脑上运行得很好。
我该如何处理这个问题？
在先期感谢
浏览 0提问于2013-05-06得票数 0
我使用twitter bootstrap 3应用.fade来显示带有淡入淡出的标签。这很好，但第一个选项卡的内容不是第一次显示：
<ul class="nav nav-tabs" id="myTab">
<li class="active"><a href="#home" data-toggle="tab">Home</a></li>
<li><a href="#profile" data-toggle="
浏览 0提问于2013-09-12得票数 14
回答已采纳
我是Twitter Bootstrap的新手。我正在尝试从这里重建“入门”站点，以了解一切是如何工作的：
我下载了Bootstrap包，但是标题图像丢失了，左侧的导航也没有修复。(它与其余部分一起滚动)
我需要下载什么-是否缺少.JS文件？
浏览 1提问于2013-01-28得票数 0
1回答
两个页面，一个是<a href='some_url#some_name'>，另一个是some_url和<a name='some_name'>。
因此，在单击URL1之后，将加载页面2，并且URL2位于页面的顶部。
现在谈谈问题:这个URL2隐藏在twitter-bootstrap的顶层菜单下，里面有固定的位置。
但是，当我检查Twitter Bootstrap站点上的命名链接时，没有出现这样的问题。
我尝试过Firefox和Opera，它似乎不依赖于浏览器。
浏览 0提问于2012-09-24得票数 0
回答已采纳
在我的标签和内容之间有一个空格。不确定是什么导致了这种情况。我认为这可能是利润率的问题。我需要把这个空间移走。
HTML：
<div class="container">
<ul class="nav nav-pills">
<li class="active"><a data-toggle="pill" href="#home">Home</a></li>
<li><a data-togg
浏览 0提问于2017-11-01得票数 2
我在Angular.js中有一个模型，可以从控制器更新，也可以从指令更新。如果我将该指令放在AngularUI bootstrap Tabs指令中，它不会更新模型。代码非常简单，应该可以工作。
请选择第二个选项卡，然后单击该按钮。它不会更新它:这是一个插入器：
<!doctype html>
<html ng-app="plunker">
<head>
<scriptsrc="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.js">
浏览 0提问于2013-07-02得票数 2
回答已采纳
在twitter bootstrap js选项卡中，我必须向li元素添加一个"active“类。
我从url获取散列。我将激活的类应用到选项卡上，但它没有获得焦点。
我想使第二个选项卡活动时，网址有一定的哈希值。
源代码：
浏览 0提问于2011-12-03得票数 10
回答已采纳
我正在使用来自Twitter-Bootstrap的Twitter-Bootstrap。当在元素上盘旋时，就会出现一个tooltip。但除非你把鼠标移开，否则它就会留在那里。
我怎么才能让它在几秒钟后消失，而不是等到鼠标离开元素？
浏览 0提问于2014-01-21得票数 9
回答已采纳
如何通过单击按钮来验证我的表单。在用户键入字段时必须禁用验证，并且只能在单击按钮时启用验证。我该怎么做呢？
var app = angular.module("App",[]);
app.controller("Controller", function($scope){
$scope.Validate = function(){
if($scope.frm.$invalid){
alert("Form is invalid");
}
else{
alert("Form is
浏览 2提问于2015-03-03得票数 0
我正在做的是-我有一个三个导航标签在我的index.php，两个导航标签可以直接访问通过点击它，但在中间的一个标签很难访问，不输入用户的个人识别码进行认证。
我的问题是中间的admin在Ajax成功触发时只显示一次，和其他选项卡(客户、历史记录)也在管理选项卡中显示其选项卡内容。
1.当我成功地通过AJAX验证我的PIN时，如何显示/打开管理选项卡？
2.如何防止“管理”选项卡上出现“客户和历史”选项卡的内容？
下面是我做过的代码，但是有问题，我很感谢您的帮助，谢谢:)
<!DOCTYPE html>
<html>
<head>
浏览 0提问于2019-05-16得票数 0
2回答
我对Laravel有一个复杂的视图，有很多选项卡和表单，用户可以在选项卡上导航并在每个选项卡上执行各种表单提交，在submit控制器返回与当前选项卡变量相同的视图后，如下所示：
...Controller actions...
return view("store.tesla.user.components")
->with('tab', '3');
每个选项卡都有一个ID，所以当我回到我的视图时，我只需搜索active选项卡，并将active与jQuery放在一起，如下所示：
var tb_active
浏览 3提问于2016-12-07得票数 0
回答已采纳
我使用下面的代码显示一个twitter按钮来共享一个网站的页面。
<script>$(document).ready(function(){!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"scrip
浏览 0提问于2018-09-25得票数 1
回答已采纳
6回答
我希望有一个定时序列的Twitter Bootstrap选项卡更改。我正在使用它们，就像一个旋转木马。我想让标签页每10秒切换到下一页。
下面是一个示例：
点击新闻故事，看看我的意思。任何帮助都将不胜感激。
浏览 0提问于2012-08-16得票数 12
回答已采纳
我使用twitter-bootstrap.css拥有一张很长的表。
内容从表的边缘突出出来，所以我将这一行添加到bootstrap.css中。
最小宽度:400 min；
bootstrap.css
body {
min-width: 400px;
padding-top: 60px;
padding-bottom: 40px;
background-color: #27292b;
background: url('/assets/body-bg.jpg');
}
但现在，当我的智能手机加载页面，初始外观放大为默认状态。
我怎样
浏览 2提问于2013-01-06得票数 0
回答已采纳
我现在已经使用django管道安装了PyReact JSX编译器。
每当我对我的文件运行收集器时，它就会在同一个文件夹中创建一个新版本，而不是覆盖react .jsx和已编译的.js文件的早期版本。有没有办法阻止这种情况，让程序简单地覆盖以前的版本？或者，使用django管道只使用一次的最佳实践是什么？
我的settings.py：
PIPELINE_COMPILERS = (
'react.utils.pipeline.JSXCompiler',
'pipeline.compilers.less.LessCompiler',
)
PIPELINE_J
浏览 2提问于2014-10-21得票数 3
回答已采纳
我在试着测试引导3网格系统。一排两列。在像手机这样的小型设备中，它将被堆放在一个列中，而在像平板电脑这样的小型设备中，它将被堆放在两个列中。但它在移动设备上并没有发挥相应的作用。在移动设备中，它‘显示在2列，而它应该显示在1列。我的密码有什么问题吗？谢谢。
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script
浏览 0提问于2016-11-24得票数 1
回答已采纳
1回答
我正在学习使用Visual 2017的Bootstrap 4。
在Visual之前，我是用记事本写的。我用创建了一个HTML文件，并在该文件中复制了相同的代码。
我还正确地附加了Bootstrap.min.css文件，我从下载了最新版本(v4.1.1)。
问题是，当我在Chrome中打开文件时，它是正常工作的，但是，当我在Visual的Designer模式中打开该文件时，这些列就会崩溃。
我看过问题，但唯一的建议是关于样式表的路径。我已经检查了我的样式表路径，没有问题。
如果有人能帮忙，我会很高兴的。
编辑:我认识到一些引导4类也不起作用。
这是我的附件。
<head>
&
浏览 0提问于2018-06-09得票数 0
6回答
在向导窗体上使用欧芹菜(3步)
、、、、
我正在处理一个基于Twitter Bootstrap选项卡的表单。
我使用欧芹作为验证表。
在单击转到步骤2的next按钮之前，我只想验证我的第一个选项卡(步骤1)上的字段。
有没有办法做到这一点？干杯。
浏览 0提问于2013-06-19得票数 3
我正在使用Twitter Bootstrap开发一个网站，我对标签有问题，也就是因为他们使用的是display: none而不是隐藏标签。它导致了隐藏标签上的iframe和position元素的问题。
我的问题是，有没有办法将bootstrap配置为以不同于默认实现的方式隐藏选项卡？
浏览 1提问于2012-12-03得票数 4
2回答
我有个很愚蠢的问题。在过去的几周里，我一直在编写Rails应用程序，使用优秀的Bootstrap/Twitter组件来避免我做任何艺术上的事情。
我注意到，在那个网站上，导航栏似乎从来没有重新加载。
点击顶部的链接(概述、脚手架等)会导致页面改变，URL也会改变，但顶部的链接本身似乎不会重新加载。
我无法检测到任何AJAX-y会这样做(使用Chrome的开发工具栏等)。我只能想象是：
一种视觉错觉，它正在重新加载--太快了，我看不见它。但是，为什么它没有在内容的同时重新加载呢？
一些无法检测到的AJAX正在发生
正在进行的某种浏览器缓存(对于呈现的页面元素，您可以这样做吗？)
浏览 6提问于2012-02-29得票数 1
我正在使用twitter bootstrap，我希望在单击活动选项卡时关闭活动选项卡内容。
我使用以下代码，但这不起作用：
$('#myTab a').click(function (e) {
if ($(this).parent('li').hasClass('active')) {
$($(this).attr('href')).removeClass('active');
$(this).parent('li').removeClass('act
浏览 0提问于2013-05-15得票数 0
如果您将浏览器的大小调整为此网站上的电话显示屏大小，您会注意到导航栏变成了一个下拉菜单。有没有办法让twitter bootstrap也自动为我做这件事？
另外，如果侧边导航栏也能做同样的事情就好了。
或者也许在bootstrap之上有一些twitter bootstrap第三方组件可以处理这样的事情？(我们只是想让网站在手机上看起来更好，而不需要做太多的工作)。
谢谢你，迪恩
浏览 3提问于2013-03-28得票数 1
回答已采纳
对于这个可jeditable对象，它看起来是一个虚拟错误。这是我的页面
<script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
<script src="/assets/twitter/bootstrap/bootstrap-tr
浏览 0提问于2013-03-08得票数 0
回答已采纳
我在Heroku上有一个应用程序，它可以在我的开发环境中正确地工作。但是，在Heroku上，我的javascripts文件中有一个文件是空的。它是由bootstrap_for_rails宝石提供的引导文件。
/assets/twitter/bootstrap-a43574b1a9d30434438a56d88ff10a70.js?body=1
==> Returns empty file???
/assets/twitter/bootstrap-a43574b1a9d30434438a56d88ff10a70.js
==> Returns the js file correc
浏览 2提问于2012-04-24得票数 0
1回答
引导4选项卡内容不起作用
、、、
我试着用Bootstrap 4制作一个选项卡内容，这对我来说是非常新的。以下是我到目前为止所拥有的：
.tabbed-sidebar {
margin-top: 1.5rem;
border: 1px solid #d9d9d9;
max-width: 320px;
margin: 10px auto;
}
.tabbed-sidebar .tabbed-heading {
color: #333;
background-color: #fafafa;
border-radius: 3px 3px 0 0;
border-bottom: 1px solid
浏览 1提问于2018-02-03得票数 1
回答已采纳
1回答
Rails 3:没有呈现我的视图
、、、、
我对rails很陌生。我有我的控制器和视图设置。
当我查看我的html源代码时，我的身体是空的。我把一个调试器放在我的控制器和我的视图中，这两者都有，所以我知道它正在执行。知道我做错什么了吗？我也安装了引导程序。
提前谢谢你。见下文。
class ListController < ApplicationController
def recent
@page_title = @head_title="Lists"
end
end
recent.html.erb
<ul class="tabs">
<li clas
浏览 2提问于2012-05-19得票数 1
回答已采纳
我使用的是默认的Twitter Bootstrap响应式导航栏(从移动设备开始)。我希望菜单随着导航栏宽度的扩展而不断填充。
我当前的导航(非常适合移动设备)
[ menu item 1 | menu item 2 | menu item 3 | all items ]
但是，随着宽度的增加，我想用更多的菜单项填充列表。
[ menu item 1 | menu item 2 | menu item 3 | menu item 4 | all items ]
浏览 0提问于2016-02-06得票数 0
我有一个带有3个Bootstrap选项卡的页面index.php，对于每个选项卡，我都会在用户单击它后生成其内容。
例如：
当页面加载时，我将执行SQL查询，该查询将只为第一个选项卡从数据库中获取数据。当用户单击第二个选项卡时，我正在执行一个查询，该查询将获取数据并将其显示在选定的选项卡中。
这是一种好的方法吗？当谷歌索引包含所有这些标签的页面时，它也会看到所有的数据吗？我不想因为性能问题而一次拉取所有数据。
下面是我的示例代码，请告诉我这是不是一个好方法：
index.php文件：
<!DOCTYPE html>
<html>
<head>
<
浏览 62提问于2015-07-26得票数 57
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
