草庐IT

$bootstrap

全部标签

css - 使用 bootstrap 3 的输入组中的多个下拉菜单

我正在尝试制作一个应该看起来像这样的搜索栏:http://s22.postimg.org/ecaxmtj8x/search_bar.png我正在使用bootstrap3。在下面的代码中,我有3个按钮,其中“菜单2”按钮会打开一个下拉菜单。我也希望“菜单1”按钮可以打开菜单。但到目前为止,我的尝试都失败了。当我尝试将按钮分组到一个btn组时,它与连接的搜索栏分开,这不是我想要的。有没有办法使用输入组类在一个div中包含2个菜单?test1  test2  Option1Option2Option3 最佳答案

html - 使用 Parsley 2.x 和 Bootstrap 3 错误消息范围的错误放置

我正在尝试将Parsley验证添加到Bootstrap3btn-group中包含的一组单选按钮。问题是parsley注入(inject)的错误包装器(在我的例子中设置为一个跨度)出现在两个选项之间(包含在标签中)而不是btn-groupdiv之外。下面的示例说明了这一点:YesNo关于如何解决这个问题有什么建议吗? 最佳答案 在深入研究源代码后,我注意到在初始化Parsley时有一个“errorsContainer”选项可用。将初始化函数更改为:$(".validate-form").parsley({successClass:"h

javascript - 我如何使用 angularJS 将可拖动指令应用于 Bootstrap 模式?

我在我的Angular应用程序中使用Bootstrap模式,它工作正常。我需要让它可以拖动和调整大小,所以我定义了一个指令。现在的问题是它被应用于模态窗口内的内容,因此模态窗口变得透明。打开窗口时如何将可拖动指令分配给模态窗口?这是代码,HTML:App.js:varrouterApp=angular.module('DiginRt',['ui.bootstrap','ngRoute']);routerApp.controller('CustomWidgetCtrl',['$scope','$modal',function($scope,$modal){$scope.openSetti

html - 为什么我的 bootstrap 4 列高度不同?

我只是在学习bootstrap4。列应该具有相同的高度,但这是行不通的。代码:ProjectStuffhereheadingalotlongerstuffhere.Thisboxshouldbealotlonger.alotlongerstuffhere.Thisboxshouldbealotlonger.alotlongerstuffhere.Thisboxshouldbealotlonger.(它位于更上方的类容器中)。根据文档,它应该自动保持相同的高度。但是,这是我的输出:screenshot我错过了什么?谢谢! 最佳答案 你

html - 1 行中有 5 个相等的跨度 - Twitter Bootstrap

使用流体网格布局我可以获得4个相等的跨度:............或者我可以获得6个相等的跨度:..................但是我如何获得5个相等的跨度? 最佳答案 我遵循了用于计算宽度的bootstraps方法,并得出了以下结果。您需要遵循如下的HTML结构:LoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLore

html - Bootstrap : Elements too small on mobile

当页面在智能手机上显示时,有没有办法让bootstrap中的所有html元素(如输入、按钮、文本和导航栏)变大?因为它不是真正的响应,如果所有元素都非常小以至于很难触摸它们。 最佳答案 地址为Bootstrapfontscalingtoosmallonmobile.可能,您需要添加viewport元标记到您的: 关于html-Bootstrap:Elementstoosmallonmobile,我们在StackOverflow上找到一个类似的问题: https

html - Bootstrap 4 使下拉菜单可滚动

我的下拉菜单在较小的设备上有问题。当我尝试此处的解决方案(即overflow:auto/overflow-y:scroll)时,我无法让它滚动,即使我使用也无法正常工作em>!重要。我能够滚动的是我的主页,即使下拉菜单是打开的。VehiclesCarsVans&PickupSUVs&CrossoverMPVsHybridPerformanceOwnersShopPromotions 最佳答案 只是你可以在你的css中使用@media@media(max-width:500px){.dropdown-menu{height:200px

html - 如何在 twitter bootstrap 中使网格延伸到整个 html 页面

构建一个主页,我希望网格延伸到整个页面。我尝试将容器宽度设置为100%,但它似乎不起作用。我正在使用默认的网格系统。我正在寻找的一个例子是www.rdio.com。‹› 最佳答案 如果您查看bootstraps网站上的脚手架,您会看到是用于使其遍及整个网站的容器。你也可以用这样的行来做到这一点希望对你有帮助这是链接http://twitter.github.com/bootstrap/scaffolding.html 关于html-如何在twitterbootstrap中使网格延伸到整个

jquery - 在表单中按回车键时,Bootstrap Dropdown 总是会聚焦

我有一个表格,里面有不同的字段。而且我使用下拉按钮而不是普通的选择标签来获得更好的用户体验。但是,问题是当我在其他文本输入字段上按回车键时,此下拉列表总是会聚焦。这很烦人并且会造成麻烦。TestTesting1Testing2这是JSfiddle:http://jsfiddle.net/ergLb/你们知道这是为什么吗? 最佳答案 我添加了type="button"并且它有效。https://github.com/twbs/bootstrap/issues/3886 关于jquery-在

html - 如何在 Bootstrap 中水平居中表格

这是我的代码。我想要做的是将这张table放在容器的中心。但是相反,当我使用“容器”类时它默认向左对齐,而当我为div使用“容器流体类”时它使用全宽。我想水平居中表格。谁能帮忙?MaterialNameRate(INR)Books7.00(perKG)SoftPlastic15.00(perKG)HardPlastic2.00(perKG)这是截图。我知道“container-fluid”使用全宽,但我也只使用了“container”类,但没有帮助。请指教。 最佳答案 使用这个Bootstrap行/列组合不管你的表格或屏幕的大小如何