Questions tagged «twitter-bootstrap-3»

因此，我正在使用以下代码在当前打开的模式窗口中打开另一个模式窗口： <a onclick=\"$('#login').modal('hide');$('#lost').modal('show');\" href='#'>Click</a> 发生的情况是，滚动条将在500ms左右重复。我猜是因为当前的模态仍在逐渐消失。但是，它看起来非常不光滑且结结巴巴。 对于解决此问题的任何建议，我将不胜感激。 另外，在onclick事件中构建此内容的方法是否不专业？ 我正在使用引导程序版本3.0。 编辑：我认为有必要减少淡出模态的时间。这怎么可能？

95 javascript  jquery  twitter-bootstrap  modal-dialog  twitter-bootstrap-3 

引导程序遇到了一些麻烦，因此有些帮助将是很棒的。谢谢 我想要什么：（顶部） 我当前的代码： <div class="form-group"> <input type="text" class="form-control" id="findJobTitle" name="findJobTitle" placeholder="Job Title, Keywords" onkeyup="showResult()"> </div> 当前屏幕截图：

93 twitter-bootstrap  twitter-bootstrap-3 

您能告诉我data-targetBootstrap 3使用的属性背后的系统或行为是什么吗？ 我知道数据切换曾经用于图形功能Bootstrap的API JavaScript。

93 twitter-bootstrap-3 

关于BS 3，如果我只想在右侧缩小内容的列，则可以使用偏移量类9和列3。 但是，如果我想要相反的情况并且在左侧，该怎么办？在BS中是否有适当的方法可以做到这一点，还是应该只使用自己的CSS方法？我当时想创建一个包含我的内容的3列和一个9的空列。

92 twitter-bootstrap-3 

我有这个代码： <footer class="row"> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 1</li> <li>Text 2</li> <li>Text 3</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 4</li> <li>Text 5</li> <li>Text 6</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 7</li> <li>Text 8</li> <li>Text 9</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 10</li> <li>Text 11</li> <li>Text 12</li> </ul> …

92 html  css  twitter-bootstrap  twitter-bootstrap-3  responsive-design 

我的表格在桌面上可以很好地显示，但是一旦尝试查看移动版本，我的表格最终对于移动设备屏幕来说太宽了。我正在使用响应式布局。 如何为移动视图设置表格宽度？还有什么其他替代方法可以使用Bootstrap在移动视图上显示表格数据？

90 twitter-bootstrap  twitter-bootstrap-3 

我目前正在将网站切换到Bootstrap 3.0。我在表单输入和文本格式方面遇到问题。在Bootstrap 2中起作用的东西在Bootstrap 3中不起作用。 如何在表单输入前后在同一行上获取文本？我将其缩小为示例的Bootstrap 3版本中的“ form-control”类问题。 如何将所有文本和输入都放在一行上？我希望bootstrap 3示例看起来像jsfiddle中的bootstrap 2示例。 JS小提琴示例 <div class="container "> <form> <h3> Format used to look like this in Bootstrap 2 </h3> <div class="row "> <label for="return1"><b>Return:</b></label> <input id="return1" name='return1' class=" input input-sm" style="width:150px" type="text" value='8/28/2013'> <span id='return1' style='color:blue'> +/- 14 Days</span> </div> <br> <br> <h3> …

89 html  formatting  twitter-bootstrap-3 

我有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 

这是我简单的导航栏： <div class="navbar navbar-fixed-top myfont" role="navigation"> <div class=""> <ul class="nav navbar-nav navbar-left"> <li> <a class="navbar-brand" href="#"> <img src="assets/img/logo.png"/> </a> </li> <li> <button class="btn btn-navbar"> <i class="fa fa-edit"></i> Create </button> </li> </ul> </div> <ul class="nav navbar-nav navbar-right"> <li data-match-route="/"><a href="#/page-one">Login</a></li> <li data-match-route="/"><a href="#/page-two/sub-a">Signup</a></li> </ul> </div> 我只是想防止这种情况崩溃，因为我不需要它，怎么办？ 我想避免编写30万行CSS来覆盖默认样式。 有什么建议吗？

88 css  twitter-bootstrap-3  navbar  collapse  preventdefault 

我已经在bootstrap 2.3中使用了glyphicons，但是现在我已升级到bootstrap 3.0。现在，我无法使用icon属性。 在Bootstrap 2.3中，以下标记起作用 <i class="icon-search"></i> 在bootstrap 3.0中，它不起作用。

86 html  css  twitter-bootstrap-3 

我刚开始使用Bootstrap 3，但在理解如何使用网格类时遇到了一些麻烦。 到目前为止，这是我所发现的： 看起来这些类col-sm-#与col-lg-#以前的类不同col-#，它们仅在屏幕大于特定大小（分别为768px和992px）时才适用。如果省略-sm-或-lg-，则div永远不会折叠到一列中。 然而，当我创建一个行内的两个div，它们都col-sm-6似乎他们只并排窗口时768px和992px宽之间。换句话说，如果我缩小窗口，一路下来，然后慢慢扩大它的布局是单列，然后两个列，然后回单柱再次。 这是预期的行为吗？ 如果我希望两列超过768像素，我应该同时应用这两个类吗？（<div class="col-sm-6 col-lg-6">） 应该col-6 也包括在内？<div class="col-6 col-sm-6 col-lg-6">

85 html  css  twitter-bootstrap  twitter-bootstrap-3 

自从Bootstrap 3以来，不再有用于响应式和标准样式表的单独文件。那么，如何轻松删除响应功能？

85 twitter-bootstrap  responsive-design  media-queries  twitter-bootstrap-3 

请向我解释什么时候使用类container和row。我不确定，因为Bootstrap的文档对此部分还不清楚。 我正在使用Bootstrap 3。

84 twitter-bootstrap-3 

下载bootstrap时，bootstrap文件中的bootstrap.css和bootstrap-theme.css有什么区别？

84 css  twitter-bootstrap-3 

注意： 根据您的Bootstrap版本（是否在3.3之前），您可能需要一个不同的答案。 请注意这些注意事项。 当我在此代码中激活工具提示（悬停在单元格上方）或弹出框时，表的大小正在增加。如何避免这种情况？ 在这里emptyRow-函数生成带有100的tr <html> <head> <title></title> <script type="text/javascript" language="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <link type="text/css" rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css"> <script type="text/javascript" language="javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.2.1/bootstrap.min.js"></script> <style> #matrix td { width: 10px; height: 10px; border: 1px solid gray; padding: 0px; } </style> <script> function emptyRow() { str = '<tr>' for (j = 0; j < 100; …

82 javascript  twitter-bootstrap  twitter-bootstrap-3  tooltip