Questions tagged «twitter-bootstrap»

我刚刚开始使用Bootstrap3。我很难理解行类的工作方式。有办法避免padding-left和padding-right吗？ <div class="row" style="background:#000000"> <div class="col-xs-4 .col-xs-offset-1"> col </div> <div class="col-xs-2"> col </div> <div class="col-xs-2"> col </div> <div class="col-xs-2"> col </div> </div> http://jsfiddle.net/petran/rdRpx/

116 twitter-bootstrap  twitter-bootstrap-3 

我加载了动态引导程序模态，它包含很少的文本输入。我面临的问题是我希望光标集中在此模式中的第一个输入上，并且默认情况下不会发生这种情况。 所以我写了这段代码来做到这一点： $('#modalContainer').on('show', function () { $('input:text:visible:first').focus(); }); 但是现在它只关注输入中的一会儿然后自动消失，为什么会发生这种情况以及如何解决？

116 jquery  twitter-bootstrap 

我对bootstrap的工具提示有问题：单击按钮时，即使光标在按钮外部，工具提示也会保留。我查看了手册-Bootstrap的工具提示，如果单击按钮，也会遇到同样的问题。有解决此问题的解决方案吗？刚在最新的FF，IE中尝试过。

115 javascript  twitter-bootstrap  tooltip 

我有一个必须使用引导程序自动完成下拉菜单的要求，但是用户可以根据需要在该下拉菜单中使用自由格式的文本。在考虑TypeAhead之前，我可以使用Bootstrap TypeAhead文本框，但是我需要具有下拉菜单，因为我们希望提供一些默认值作为headstart选项，以防用户不知道要搜索什么。 我在MVC DropDownListFor中使用它，因为它为我们创建了一个选择控件。 我发现这篇文章为我做到了。 https://github.com/danielfarrell/bootstrap-combobox/pull/20 我要做的就是从选择控件中删除名称，而该控件让我输入自由格式的文本。到目前为止一切都很好。 现在，我将其与Knockoutjs结合使用。我将选项和选择的值绑定到选择控件，然后在呈现模板的行上调用（selector）.combobox（），这使选择控件成为自举式组合框，并添加了输入控件并将选择控件隐藏在场景中背后。 现在的问题是，当我尝试获取要发送到服务器的值时，由于我在输入框中输入的值不是我为选择控件提供的选项中的有效选项，因此默认情况下始终将其设置为第一个选项。这是因为，我将所选值的绑定设置在选择控件上，而不是在bootstrap-combobox.js创建的输入框上。 我的问题是如何使输入框与选择控件绑定到的数据绑定到相同的属性。 还有其他选择吗？让我知道您是否需要进一步说明或有任何疑问。请提出建议。 谢谢。

114 autocomplete  combobox  twitter-bootstrap  knockout.js  html.dropdownlistfor 

由于某种原因，表格内的文本仍未居中。为什么？如何在表格内居中放置文字？ 为了使它更清晰：例如，我希望“ Lorem”位于四个“ 1”的中间。 @import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css'); table, thead, tr, tbody, th, td { text-align: center; } <table class="table"> <thead> <tr> <th>1</th> <th>1</th> <th>1</th> <th>1</th> <th>2</th> <th>2</th> <th>2</th> <th>2</th> <th>3</th> <th>3</th> <th>3</th> <th>3</th> </tr> </thead> <tbody> <tr> <td colspan="4">Lorem</td> <td colspan="4">ipsum</td> <td colspan="4">dolor</td> </tr> </tbody> </table> 运行代码段隐藏结果展开摘要 JSFiddle

114 twitter-bootstrap 

我正在使用Bootstrap弹出窗口来创建显示用户信息的悬停卡，并在将鼠标悬停在按钮上时触发它。我想在悬停弹出窗口时保持该弹出窗口的活动，但是一旦用户停止将鼠标悬停在按钮上，它就会消失。我怎样才能做到这一点？ $('#example').popover({ html : true, trigger : 'manual', content : function() { return '<div class="box">Popover</div>'; } }); $(document).on('mouseover', '#example', function(){ $('#example').popover('show'); }); $(document).on('mouseleave', '#example', function(){ $('#example').popover('hide'); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.js"></script> <script src="https://unpkg.com/@popperjs/core@2"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/> <a href="#" id="example" class="btn btn-danger" rel="popover" >hover for popover</a> 运行代码段隐藏结果展开摘要

114 jquery  twitter-bootstrap  popper.js 

关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗？更新问题，使其成为Stack Overflow 的主题。 2年前关闭。 改善这个问题 我在新网站上使用Bootstrap V4，发现它位于Alpha中。 但是我看不到它的版本中有datepicker.js。 有人知道这是否将包含在V4中吗？如果没有，谁能推荐一个好的日期选择器？

114 twitter-bootstrap  bootstrap-4 

如何更改Twitter Bootstrap 2.0.2导航栏的背景颜色？如何更改导航栏所有元素的颜色以反映背景颜色？

113 colors  twitter-bootstrap  navbar 

我是一个后端开发人员，并且正在玩Angular4。所以我做了这个安装教程：https : //www.youtube.com/watch?v=cdlbFEsAGXo。 鉴于此，我如何向应用程序添加引导程序，以便可以使用类“ container-fluid”或“ col-md-6”之类的东西？

113 twitter-bootstrap  angular 

我正在尝试将列的内容居中。看起来不适合我。这是我的HTML： <div class="row"> <div class="col-xs-1 center-block"> <span>aaaaaaaaaaaaaaaaaaaaaaaaaaa</span> </div> </div> JSFiddle演示

113 html  css  twitter-bootstrap 

我只需要在模式打开的情况下进行验证，因为如果我打开它，然后将其关闭，然后我按打开模式的按钮就行不通了，因为它正在进行jQuery验证，但是没有展示是因为该模式被解雇了。 所以如果模态是开放的，我想广告一个jQuery，所以我可以验证，这可能吗？ <script> $(document).ready(function(){ var validator =$('#form1').validate( { ignore: "", rules: { usu_login: { required: true }, usu_password: { required: true }, usu_email: { required: true }, usu_nombre1: { required: true }, usu_apellido1: { required: true }, usu_fecha_nac: { required: true }, usu_cedula: { required: true }, usu_telefono1: { required: …

111 jquery  validation  twitter-bootstrap  modal-dialog 

我正在寻找正确的模式以每3列注入一个引导行类。我需要这个是因为cols没有固定的高度（并且我不想固定一个），所以它破坏了我的设计！ 这是我的代码： <div ng-repeat="product in products"> <div ng-if="$index % 3 == 0" class="row"> <div class="col-sm-4" > ... </div> </div> </div> 但它每行只显示一个产品。我想要的最终结果是： <div class="row"> <div class="col-sm4"> ... </div> <div class="col-sm4"> ... </div> <div class="col-sm4"> ... </div> </div> <div class="row"> <div class="col-sm4"> ... </div> <div class="col-sm4"> ... </div> <div class="col-sm4"> ... </div> …

111 angularjs  twitter-bootstrap  angularjs-ng-repeat  ng-repeat 

我似乎无法获得下拉菜单项以不离开页面。我尝试了BS3的一些功能，但它们似乎不起作用。我不确定是否是因为ml-auto。（忽略if-else语句） 这是CodePen： <div class="container-fluid"> <nav class="navbar fixed-top navbar-toggleable-md navbar-inverse" style="background-color: #3c763d!important;"> <button class="navbar-toggler navbar-toggler-right navbar-toggler-custom" type="button" data-toggle="collapse" data-target="#searchNav" aria-controls="searchav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <!-- <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation"> <span …

111 twitter-bootstrap  css  bootstrap-4 

关于该主题的引导文档使我有些困惑。我想实现类似的行为，例如在文档中带有词缀navbar：navbar位于段落/页面标题下方，向下滚动时，它应该首先滚动直到到达页面顶部，然后固定在那里以便进一步向下滚动。 由于jsFiddle不适用于导航栏概念，因此我以最小的示例设置了单独的使用页面：http : //i08fs1.ira.uka.de/~s_drr/navbar.html 我将其用作导航栏： <div class="navbar affix-top" data-spy="affix" data-offset-top="50"> <div class="navbar-inner"> <div class="container"> <div class="span12"> <a class="brand" href="#">My Brand</a> This is my navbar. </div> </div> <!-- container --> </div> <!-- navbar-inner --> </div> <!-- navbar --> 我想我想data-offset-top将其值设为0（因为该条应“固定”在最顶部”，但如果设置为50，则至少可以看到一些效果。 如果还将javascript代码放在适当的位置： <script> $(document).ready (function (){ $(".navbar").affix (); }); </script> 任何帮助表示赞赏。

110 css  web  twitter-bootstrap  navbar 

我有一个模态问题。我在页面上有一个按钮，用于切换模式。当出现模态时，页面跳至顶部。 我已经竭尽所能找到解决方案/等，但是我真的迷失了。 编辑： 我也尝试过：$('#myModal').modal('show');但它具有完全相同的效果。

110 javascript  jquery  css  twitter-bootstrap  twitter-bootstrap-3