Questions tagged «twitter-bootstrap»

我尝试过的适当位置在这里： <a href="#" data-content="<div id='my_popover'></div>"> Click here </a> $(".button").popover({html: true}) $(".button").click(function(){ $(this).popover('show'); $("#my_popover").load('my_stuff') }) 单击后，我看到请求已发出，但没有填充弹出窗口。我什至看不到将弹出式窗口的HTML添加到DOM中，但这可能是萤火虫。 有人尝试过吗？

90 jquery  twitter-bootstrap 

我正在使用Twitter Bootstrap，我注意到jQuery show()或fadeIn()没有使用类标记的DOM元素hidden出现，因为jQuery函数仅删除了display: none规范。但是，那visibility仍设置为hidden。 我想知道解决此问题的最佳方法是什么？ 删除hidden元素上的类 更改可见性属性 在我自己的CSS中覆盖隐藏的类 特别是，我想知道用jQuery还是css进行修复是否更好以及为什么。

89 jquery  twitter-bootstrap 

我想删除文本框和边框的蓝光，但我不知道如何覆盖任何js或CSS，请在此处检查 编辑1 我想这样做是因为我正在使用jquery插件Tag-it，也正在使用twitter bootstrap，该插件使用了一个隐藏的textField添加标签，但是当我使用twitter bootstrap时，它显示为一个文本框，里面带有发光文本框有点奇怪

89 javascript  jquery  html  css  twitter-bootstrap 

通过使用twitter bootstrap 2的元素，可以有一个多级下拉菜单吗？原始版本没有此功能。

89 css  twitter-bootstrap 

这是我的第一次Twitter Bootstrap体验。我添加了一些标题（h1，h2等），它们按左侧对齐。什么是正确的标题中心方式？

89 twitter-bootstrap 

我的顶层菜单中有购物车，使用push-right，我的问题是下拉菜单气泡不在页面中。我正在尝试将气泡右对齐，以使其与“点击”右对齐 像这样 HTML： <div class="cart pull-right"> <ul class="nav"> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">CLICK</a> <div class="dropdown-menu"> STUFF </div> </li> </ul> </div>

89 html  css  twitter-bootstrap 

我有bootstrap v3。 我在我的菜单class="active"上使用，navbar并且在按菜单项时不会切换。我知道如何使用此jQuery功能并构建点击功能，但我认为此功能应包含在引导程序中？那么也许是JavaScript问题？ 这是我包含的js / css / bootstrap文件的标头： <!-- Bootstrap CSS --> <link rel="stylesheet" href= "/bootstrap/css/bootstrap.css" /> <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" /> <link rel="stylesheet" href= "/stylesheets/styles.css" /> <!--jQuery --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> <!-- Bootstrap JS --> <script src="/bootstrap/js/bootstrap.min.js"></script> <script src="/bootstrap/js/bootstrap-collapse.js"></script> <script src="/bootstrap/js/bootstrap-transition.js"></script> 这是我的navbar代码： <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container-fluid"> …

89 javascript  html  twitter-bootstrap  twitter-bootstrap-3 

编辑： 也许我应该问，当屏幕缩小到480px以下时，哪个选择器会设置边距？我已经浏览bootstrap-sensitiveness.css一段时间了，但是似乎没有任何影响。 原始 我基本上想删除任何默认的填充或边距，以便在较小的设备屏幕上设置响应速度。 我有一个background color覆盖在container-fluid选择器和用于更大的屏幕他们提供横跨宽度完全100％，但是他们在屏幕减小到更小的尺寸，在默认情况下，自举似乎添加余量或填充上container-fluid或container。 <div class="container-fluid"> <div class="row-fluid"> test </div> </div> 如果我使用自定义CSS覆盖Bootstrap的默认样式，那么在较小的屏幕上我应该覆盖哪种媒体查询或选择器以删除此填充？

89 css  twitter-bootstrap  responsive-design  media-queries 

我目前有类似的东西： <div class="row"> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> </div> 现在假设这content是具有不同高度，宽度都相同的盒子-我该如何保持相同的“基于网格的布局”，又如何使所有盒子彼此对齐，而不是完美的线条。 目前，TWBS将把下一行的下一行col-md-4放在前第三行中的最长元素下。因此，每行项目都完美对齐（整洁）-太棒了，我希望每一项都直接位于最后一个元素的下方（“砌体”布局）

88 html  css  twitter-bootstrap  responsive-design  bootstrap-4 

我正在使用twitter bootstrap创建可切换的标签。这是我正在使用的CSS： <div class="container"> <ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">Home</a></li> <li><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#messages" data-toggle="tab">Messages</a></li> <li><a href="#settings" data-toggle="tab">Settings</a></li> </ul> </div> 此html正确显示选项卡，但向左拉（应该发生这种情况）。我已经尝试过修改CSS，以使标签位于页面的中心位置，但还没有走运。我以为有更多CSS经验的人会知道该怎么做。 需要注意的是，还有一个关于定心导航药丸的问题，我尝试过，但它不适用于普通的导航标签。 谢谢。

87 html  css  twitter-bootstrap 

我已经设置了Bootstrap手风琴的这个简单版本： 简单的手风琴： http : //jsfiddle.net/darrenc/cngPS/ 当前图标仅指向下方，但是没有人知道需要实现什么JS才能将图标的类更改为： <i class="icon-chevron-up"></i> ...这样它在展开时会指向上方，而在折叠时又会切换回向下，等等。

87 javascript  jquery  twitter-bootstrap 

我目前在Twitter Bootstrap中使用标签，并希望在用户发布数据并重新加载页面后选择相同的标签。 怎么做？ 我目前对inti标签的调用如下所示： <script type="text/javascript"> $(document).ready(function() { $('#profileTabs a:first').tab('show'); }); </script> 我的标签： <ul id="profileTabs" class="nav nav-tabs"> <li class="active"><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#about" data-toggle="tab">About Me</a></li> <li><a href="#match" data-toggle="tab">My Match</a></li> </ul>

87 javascript  jquery  twitter-bootstrap 

我不知道是否需要在bootstrap项目中添加normalize.css样式表。我正在使用最新版本的引导程序v2.3.2。

87 twitter-bootstrap  normalize  css-reset 

在“产品”上，点击我将白色div向上滑动（如附件所示）。在响应式（移动设备和平板电脑）中，我想自动关闭响应式导航栏，仅显示白色栏。 我试过了： $('.btn-navbar').click(); 还尝试了： $('.nav-collapse').toggle(); 它确实有效。但是，在桌面大小上，它也被称为“菜单”，它在菜单上缩小了一秒钟。 有任何想法吗？

86 javascript  html  css  twitter-bootstrap 

我想使用Twitter Bootstrap下拉按钮： <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> </ul> </div><!-- /btn-group --> 当用户将按钮的值更改为“另一项操作”时#，我实际上不是想导航到，而是想以自定义方式处理该操作。 但是我在下拉插件中看不到任何事件处理程序。 实际上是否可以使用Bootstrap下拉按钮来处理用户操作？我开始怀疑它们是否仅用于导航-令人困惑的是该示例提供了一系列操作。

86 javascript  twitter-bootstrap