Tag: twitter bootstrap
Twitter的Bootstrap是否像Skeleton一样友好？
遵循响应式网页devise的原则，骷髅的尺寸也适合移动浏览器。 Bootstrap是否提供相同的function？
Bootstrap中的容器，行和跨度之间的差异
在使用Twitter Bootstrap的时候，我应该在一个容器div中嵌套一个行div，并将所有的span div放在嵌套行中？ 这是最佳做法吗？ 如果我把span div直接放在我的行div中，而不把div放在一个容器div中呢？ 如果我把span div直接放在我的容器div里，而根本不使用row div呢？ 我所知道的是一个容器是940px，一排是960px。 但是，我已经看到一个行div已被放在一个容器div的例子。 这会帮助还是会使显示混乱？ 请向我解释在什么情况下要遵循的最佳方法。
什么是引导程序中的tabindex =“ – 1”
Bootstrap 3中的tabindex属性是什么？ 它的文档没有提到任何关于它们的内容，尽pipe它们实际上在所有的模式中使用它们。 我只是发现这个用法，其实并不多 可访问键盘和辅助技术用户的工具提示 对于使用键盘进行导航的用户，特别是辅助技术用户，只能将工具提示添加到键盘可聚焦的元素，例如链接，表单控件或具有tabindex =“0”属性的任意元素。 我发现如果tabindex属性不是-1 ， 我不能按esc来隐藏模式 。 按esc键后的模式closures（用tabindex） 按esc键后没有closures模式（没有tabindex）
如何以编程方式打开Bootstrap下拉菜单
我试图打开一个引导下拉菜单，当我点击另一个下拉菜单项。 我们的想法是从第一个下拉列表中select一个城市 – 然后脚本将自动打开第二个下拉菜单（仅显示与所选城市相对应的区域）。 这是我的JS： $('#sidebar_filter_city li').click(function(){ $('#sidebar_filter_areas').dropdown('toggle'); }); 这是HTML： <div class="dropdown form-control"> <div data-toggle="dropdown" id="sidebar_filter_cities" class="sidebar_filter_menu" data-value="jersey-city">Jersey City<span class="caret caret_sidebar"></span></div> <input type="hidden" name="advanced_city" value="jersey-city"> <ul id="sidebar_filter_city" class="dropdown-menu filter_menu" role="menu" aria-labelledby="sidebar_filter_cities"> <li role="presentation" data-value="">All Cities</li> <li role="presentation" data-value="jersey-city">Jersey City</li> <li role="presentation" data-value="london">London</li> <li role="presentation" data-value="new-york">New York</li> </ul> </div> </div> <div class="dropdown form-control"> <div data-toggle="dropdown" id="sidebar_filter_areas" […]
Twitter的Bootstrap可滚动表行和固定头
有谁知道如何使一个固定的标题行和可滚动的正文行的表？ 如果有问题，我正在使用twitter bootstrap。 这是我想创build的一个例子： http://www.siteexperts.com/tips/html/ts04/page1.asp 我见过的所有例子都分成两个独立的表格。 想知道是否有人有一个更优雅的解决scheme。 Twitter引导程序还会根据内容自动调整列大小，这是我想保留在一个表中的另一个原因
如何正确整合HTML5 Boilerplate与Twitter的Bootstrap？
在我的Play 2.0项目中，我已经集成了Bootstrap（因为文件较less，Play可以在飞行中编译），但是现在我发现了Boilerplate，我认为使用它也是一个不错的主意。 经过一些Googlesearch，我发现这个： http : //www.quora.com/Is-Bootstrap-a-complement-OR-an-alternative-to-HTML5-Boilerplate-or-viceversa 所以，看起来整合应该是可能的，甚至有2个项目试图做到这一点。 唯一的问题是他们做了完全不同的事情，我不确定哪一个是正确的。 https://gist.github.com/1422879目前的状态似乎忽略了来自Boilerplate的styles.css文件。 它被重命名为h5bp.css ，但是我没有在任何地方看到h5bp.css 。 https://github.com/elgreg/html5-boilerstrap另一方面使用它们，只是将styles.css文件分成两部分（ h5bp_normalize.css和styles.css ，它们之间包含bootstrap.css ）。 但是Boilerplate和Bootstrap之间没有这种冲突吗？ 所以我有点失落 在这种情况下做事的正确方法是什么？
如何在bootstrap中的容器内创build100％的屏幕宽度div？
比方说，我有以下标记： <div class="container"> <div class="row"> <div class="col-md-12"> … <div class="full-width-div"> </div> </div> </div> </div> 现在如何使.full-width-div伸展到屏幕的整个宽度？ 因为目前它在容器内部是有限的。
造型Twitter的Bootstrap 3.xbutton
Twitter的Bootstrap 3button的颜色有限。 默认情况下会有5 7种颜色（默认主要，错误，警告，信息，成功和链接）请参阅： 每个button都有3个状态（默认，活动和禁用） 如何添加更多颜色或创build自定义button？ 这个问题已经为Twitter的Bootstrap 2.x： 造型twitter引导button回答了。 引导程序3不向后兼容。 在less和css文件中会有很多变化。 IE7的支持将被丢弃。 TB3首先是移动的。 标记码也将被改变。
如何知道哪个HTML元素是造成垂直滚动条
我正在学习Bootstrap 。 在入门菜单中，只给出了很less的模板。 我正在玩这个。 一个例子是关于固定页脚。 我从前面的例子中使用导航，并希望用固定页脚来调整。 但垂直滚动条即将到来。 我正在寻找导致垂直滚动条的元素。 这里是HTML： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Bootstrap, from Twitter</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content=""> <!– Le styles –> <link href="css/bootstrap.css" rel="stylesheet"> <style type="text/css"> /* Sticky footer styles ————————————————– */ html, body { height: 100%; /* The html and body elements […]
我怎样才能防止身体的滚动条，并在twitter引导modal dialog加载时转移？
当我打开twitter bootstrap模式对话框时，背景会产生一个滚动条并移动内容。 为了避免滚动条我使用这个CSS： .modal { overflow: hidden; } 但我无法避免这种转变。 问候，马可 我正在使用Bootstrap版本3
