Tag: twitter bootstrap 3

如何获得bootstrap-datepicker来使用Bootstrap 3?

我使用由eternicode (Andrew Rowls)维护的bootstrap- datepicker版本。 在引导2上它工作,但现在它不能与Bootstrap 3库一起工作。 我怎样才能让bootstrap datepicker与Bootstrap 3一起工作?

angular色=forms如何帮助可访问性?

我已经读过role属性被添加到Bootstrap的可访问性,我想知道如何<form role="form">帮助可访问性。 有关此特定用法的示例,请参阅http://getbootstrap.com/css/#forms-example 。 我searchBootstrap的“angular色”回购无济于事。 我的问题是,这些信息似乎是多余的。 元素是一种forms的概念已经由HTML标签本身( <form> )表示,那么如果我们也添加元素扮演form的role ,这有什么用呢? 如果role将与forms不同,那么添加role="…"是有意义的(我不知道是什么 – 但让我们假装); (尤其是没有具体的推理/用例的例子),它充其量是令人费解的。

在Bootstrap中堆叠列时的垂直空间3

当列以移动模式堆叠时,我想要一些垂直空间来分隔列内容,我该怎么做? 请参阅http://jsfiddle.net/tofutim/3sWEN/中的 jsfiddle,并更改输出的宽度。 在第二个Lorem ipsum之前应该有一些空格。 <div class="container"> <div class="well well-lg" style="margin:10px"> <div class="row"> <div class="col-sm-6"> <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."</p> <form> <input type="textbox" class="form-control" placeholder="Username"></input> <input type="password" class="form-control" placeholder="Password"></input> </form> </div> <div class="col-sm-6"> <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, […]

为什么使用.h1而不是实际的h1?

在Bootstrap CSS项目中 ,为您的标题标签(H1,H2,H3,H4,H5,H6)提供样式,但也有一系列基于标题的类名称(.h1,.h2,.h3 ,.h4,.h5,.h6)。 如果没有正确使用H1标签,使用H1的类名有什么好处? 我认为你总是想确保你的HTML反映你的视觉重要性。 任何想法解释使用.h1而不是使用h1标签的好理由,将不胜感激。

试图加载地图文件的Bootstrap。 如何禁用它? 我需要这样做吗?

我最近在玩bootsrap3。 我从源代码编译,并包括distr js和css到我的项目。 事情是,我看到GH开发工具,它试图获得.map.css文件。 为什么要这样做呢? 如何禁用它? 我需要禁用它吗? 为了不在开发工具中出现错误标记,我添加了地图文件,之后所有样式都显示为在较less的文件中定义,这对我没有多大帮助。

在左侧标签,而不是在input字段上方

我想标签不在input栏上方,而是在左侧。 <form method="post" action="" role="form" class="form-inline"> <div class="form-group"> <label for="rg-from">Ab: </label> <input type="text" id="rg-from" name="rg-from" value="" class="form-control"> </div> <div class="form-group"> <label for="rg-to">Bis: </label> <input type="text" id="rg-to" name="rg-to" value="" class="form-control"> </div> <div class="form-group"> <input type="button" value="Clear" class="btn btn-default btn-clear"> <input type="submit" value="Los!" class="btn btn-primary"> </div> </form> 这段代码给了我: 我想拥有:

内联表单嵌套在引导程序中的水平表单3

我想在Bootstrap 3中创build一个表单,如下所示: 我的网站(不是上述链接)只是从Bootstrap 2.3.2更新,格式不正确了。 我无法在getbootstrap.com上find关于此类表单的任何文档。 谁能告诉我如何做到这一点? 只有“用户名”才可以。 谢谢。 PS有一个类似的问题,但它使用Bootstrap 2.3.2。

bootstrap.css和bootstrap-theme.css有什么区别?

当我们下载bootstrap时,在bootstrap文件中find的bootstrap.css和bootstrap-theme.css有什么区别?

引导3风格select下拉菜单在OS X上的Firefox看起来很丑

在Bootstrap 3中对表单<select>元素进行样式化时,会在OS X上的Firefox中呈现难看的button: ( http://bootply.com/98385 ) 这显然是一个已知的问题,有一些黑客和变通办法,其中没有一个是非常干净的( https://github.com/twbs/bootstrap/issues/765 )。 我想知道是否有人已经find了一个很好的解决scheme,而不是使用Bootstrap下拉菜单或额外的插件。 我故意select使用HTML <select>而不是Bootstrap下拉菜单,因为移动设备上的长列表的可用性更好。 这是一个Firefox问题或Bootstrap问题? 详细信息:Mac OS X 10.9,Firefox 25.0.1 更新12/4/13:我做了每个浏览器如何使用Firefox,Chrome和Safari在OS X 10.9上呈现<select>以回应@zessx(使用http:// bootply.com/98425 )。 很显然,在浏览器和操作系统之间呈现<select>表单元素的方式有很大的不同: 我知道基于你使用的操作系统,一个<select>标签的处理方式是不同的,因为有基于操作系统的本地控件来规定样式和行为。 但是,Bootstrap中的class="form-control"是什么引起了Firefox中的<select>表单元素的不同呢? 为什么Firefox中默认的,非样式的<select>看起来不错,但是一旦它变成风格,看起来很丑陋?

我应该从CDN使用Bootstrap还是在我的服务器上复制一份?

使用Twitter Bootstrap的最佳做法是什么,从CDN引用它还是在我的服务器上创build本地副本? 自Bootstrap不断发展,恐怕如果我参考CDN,用户会看到不同的网页,一些标签甚至可能会破坏。 大多数人的select是什么?