Tag: twitter bootstrap 3

如何使用Bootstrap 3停止button: 如何在Bootstrap 3中点击button后自动取消button？要复制我的问题，用一些button做一个页面，给他们适当的引导类（并包括引导）： <input id="one" type="button" class="btn btn-default" value="one"> <input id="two" type="button" class="btn btn-primary" value="two"> 加载页面并单击其中一个button。它变得郁闷，突出显示，直到你点击页面上的其他地方（使用FF29和chrome35beta）。单击和取消点击时检查input元素不会显示任何附加的类被附加和删除。下面是一个Bootstrapbutton的例子： http : //jsfiddle.net/52VtD/5166/

如何使用Bootstrap在移动设备上显示表格？: 我的桌面在桌面上显示效果不错，但是一旦我尝试查看移动版本，我的桌面就会变得太宽而无法显示移动设备屏幕。我正在使用响应式布局。如何为移动视图设置表格宽度？还有什么其他的替代scheme来使用Bootstrap在移动视图上显示表格数据？

引导“工具提示”和“popup”在表中添加额外的大小: 注意：根据你的Bootstrap版本（3.3之前或之后），你可能需要一个不同的答案。注意笔记。当我激活工具提示（hover在单元格上）或popup此代码时，表的大小正在增加。我怎样才能避免这一点？这里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; j++) { […]

引导3.0：如何在同一行上有文本和input？: 我目前正在将我的网站切换到Bootstrap 3.0。我遇到了表单input和文本格式问题。 Bootstrap 2中的工作在Bootstrap 3中不起作用。如何在表单input之前和之后在同一行上获取文本？我已经缩小了范例在Bootstrap 3版本中的“表单控制”类的问题。我将如何去获得所有的文字和input在一行？我想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> BootStrap 3 […]

使用Bootstrap类设置字体重量: 有什么Twitter的Bootstrap类的font-weight: bold和其他font-weight价值？如果这已经存在于Bootstrap中，我不会创build一个新的。

Twitter bootstrap在小设备上隐藏元素: 我有这个代码： <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> </nav> </footer> 四块里面有一些文字。它们的宽度是相等的，我已经为它们设置了col-sm-3 ，我想要做的就是将最后一个nav […]

Bootstrap 3 .col-xs-offset- *不起作用？: 我使用bootstrap 3网格系统到目前为止，一切都运行良好，我正在尝试使用col-xs-offset-1，虽然.col-sm-offset-1工作，但不起作用。我在这里错过了什么？ <div class="col-xs-2 col-xs-offset-1">col</div> http://jsfiddle.net/petran/zMcs5/2/

引导3水平分频器（不在下拉菜单中）: 我知道Bootstrap 3有一个水平分隔线，你可以放置在下拉菜单中，以分隔这样的链接： <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2"> <li role="presentation" class="dropdown-header">Dropdown header</li> … <li role="presentation" class="divider"></li> </ul> 我的问题是：有没有办法做到这一点，而不是在一个下拉，如将其放入任何types的列表或类似的菜单？

如何创build与Bootstrap 3兼容的粘性页脚: 有或没有顶级的导航，网站有一个粘性页脚是非常普遍的。 Bootstrap有一个设备可以轻松地创build固定的页脚，但是没有创build粘性页脚的设备 – 这是一个很大的区别。谷歌search这个问题将揭示数百人，如果不是成千上万的开发者有相同的问题，但没有很好的答案。具有讽刺意味的是，引导文档页面本身有一个粘性的脚注，引导样式和一个固定的顶级导航栏。这是所有的自定义CSS虽然，而不是框架的一部分。所以一个显而易见的路线是采取和重构他们的自定义样式，因为它明显地在Bootstrap框架内运行良好，但是这似乎比它应该更痛苦。看到这个plunkr的示例页面，带有Bootstrap顶部导航栏，以及一个不受欢迎的，不粘的页脚。问题：（感谢Softlayer – 为graphics ）期望的解决scheme：当然，页脚应该是响应式和跨浏览器友好的