Tag: twitter bootstrap

是否有可能在引导框架内certificate文本？: 这可能是一个愚蠢的问题，但我确定我不是唯一想知道的人。我知道alignment类： <p class="text-center">Text Centered within the block element</p> <p class="text-right">Text aligned to the right within the block element</p> <p class="text-center">Text Centered within the block element</p> <p class="text-left">Text aligned to the left within the block element</p> <p class="text-right">Text aligned to the right within the block element</p> <p class="text-left">Text aligned to the left within the block […]

在Twitter Bootstrap中更改select标签的宽度: 使用Twitter引导程序时，如何更改select字段的宽度？添加input-xxlarge CSS类似乎不起作用（就像在其他表单元素上那样），所以我的下拉列表中的元素被截断。

如何在Angular 2中设置Bootstrap navbar“active”类？: 如何在Angular 2中设置Bootstrap navbar“active”类？我只findAngular 1的方法。当我转到关于页面时，添加class="active"到About ，并在Home上删除class="active" 。 <ul class="nav navbar-nav"> <li class="active"><a [routerLink]="['Home']">Home</a></li> <li><a [routerLink]="['About']">About</a></li></li> </ul> 谢谢

Twitter引导button组控制单选button/checkbox: 我正在尝试使用Twitter Bootstrapbutton组作为一组实际的表单input控件。默认情况下，可以使这些button组像单选button或checkbox组一样工作，但是由于它们使用<button>元素，所以它们实际上不能像单选button或checkbox那样使用。在我的研究中，我发现这个网站使用CSS来使这些引导button实际上控制单选button和checkbox。唯一的问题是他们使用CSS的最近function工作，因此，需要IE9或以上的工作。我想扩大对IE8的支持。是否有另一个（也许是JS控制的）解决scheme，可以提供与上述链接相同的function，而不需要陡峭的CSS要求？感谢您的时间。

在CSS属性值中的默认值是什么意思？: twitter引导代码有很多CSS属性，最后还有!default 。例如 p { color: white !default; } !default做什么？ UPDATE 我不好清楚。我正在使用Bootstrap的SASS端口。

Twitter Bootstrap模式将html内容推送到左侧: 如果我打开一个模式对话框，通过Twitter Bootstrap，我注意到它将页面的所有html内容（即container ）左移一点，然后在closures之后将其恢复正常。但是，这只有在浏览器宽度足够大以至于不在“移动”（即最小）媒体查询时才会发生。这发生在FF和Chrome的最新版本（还没有testing过其他浏览器）。你可以在这里看到这个问题： http : //jsfiddle.net/jxX6A/2/ 注意：您必须增加“结果”窗口的宽度，以便切换到“med”或“large”媒体查询CSS。我已经根据Bootstrap站点上显示的示例设置了页面的HTML： <div class='container'> <div class='page-header'> <h4>My Heading</h4> </div> <div id='content'> This is some content. </div> <div class='footer'> <p>© 2013, me</p> </div> </div> 我猜这不应该发生，但我不知道我做错了什么。编辑：这是一个已知的错误，更多（和最新）的信息，请参阅： https ： //github.com/twbs/bootstrap/issues/9855

Bootstrap 3 .img响应的图像在FireFox中的fieldset内部没有响应: 在Firefox（Win7和Win8testing版）中，使用下面的代码 – 当响应图像位于<fieldset>内时，它不再响应。这意味着，随着我的表单调整为手机，图像不会相应缩小。我可以很容易地“解决”这个问题，所以我不需要任何帮助。但是，如果你知道一个方法来解决这个问题，将不胜感激。除非您删除<fieldset>和<legend>否则下面代码中的响应图像将不会响应FireFox中的浏览器大小（至less在Win7和Win8上）。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Fieldset Responsive Image Test</title> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css"> </head> <body> <div id='content' class='container'> <div class='row'> <div class='col-xs-10 col-xs-offset-1'> <form> <fieldset> <legend>I Am Legend</legend> <img class='img-responsive' src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MDAiIGhlaWdodD0iNTAwIj48cmVjdCB3aWR0aD0iOTAwIiBoZWlnaHQ9IjUwMCIgZmlsbD0iIzY2NiIvPjx0ZXh0IHRleHQtYW5jaG9yPSJtaWRkbGUiIHg9IjQ1MCIgeT0iMjUwIiBzdHlsZT0iZmlsbDojNDQ0O2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1zaXplOjU2cHg7Zm9udC1mYW1pbHk6QXJpYWwsSGVsdmV0aWNhLHNhbnMtc2VyaWY7ZG9taW5hbnQtYmFzZWxpbmU6Y2VudHJhbCI+U2Vjb25kIHNsaWRlPC90ZXh0Pjwvc3ZnPg==" alt="img" /> </fieldset> </form> </div> </div> </div> </body> </html>

Bootstrap的JavaScript需要jQuery 1.9.1或更高版本: 我有我的代码中的所有必要的文件，我仍然得到这个错误： Bootstrap的JavaScript需要jQuery 1.9.1或更高版本这是我的代码： <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src='//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js'></script> <script src="js/jquery.responsiveiframe.js"></script> <script src="js/ios-orientationchange-fix.js"></script> 任何人之前有这个错误？我可以尝试下载一个本地副本，而不是使用CDN链接，但这是真的没有必要，再加上我想知道为什么这是行不通的！编辑：我试过很多不同的图书馆，我发布的是我试过的最后一个

我应该包括bootstrap.css和bootstrap-responsive.css在一起吗？: 我应该包括两个CSS文件或一个是足够的？ <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" media="all" /> <link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css" media="all" /> 要么 <link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css" media="all" />

在Bootstrap 3中向工具提示添加换行符: 我正在使用Bootstrap 3，并向我的div添加了一个工具提示。我试过使用\ n和＆＃013; 创build新的线路。 Bootstrap会阻止我吗？ <div class="content show-tooltip" data-placement="top" data-original-title="1st line of text <br> 2nd line of text">