Questions tagged «twitter-bootstrap»

我正在使用Twitter引导程序，我已经指定了一个模式 <div class="modal hide" id="modal-item"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">x</button> <h3>Update Item</h3> </div> <form action="http://www.website.com/update" method="POST" class="form-horizontal"> <div class="modal-body"> Loading content... </div> <div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal">Close</a> <button class="btn btn-primary" type="submit">Update Item</button> </div> </form> </div> 和链接 <a href="http://www.website.com/item/1" data-target="#modal-item" data-toggle="modal">Edit 1</a> <a href="http://www.website.com/item/2" data-target="#modal-item" data-toggle="modal">Edit 2</a> <a href="http://www.website.com/item/3" …

263 jquery  jquery-plugins  twitter-bootstrap  modal-dialog 

我要疯了。 我有以下HTML： <a href="#" rel="tooltip" title="A nice tooltip">test</a> Bootstrap样式的工具提示拒绝显示，只是一个普通的工具提示。 我的bootstrap.css工作正常，我可以在那里看到类 我在HTML文件的末尾有所有相关的JS文件： <script src="bootstrap/js/jquery.js"></script> <script src="bootstrap/js/bootstrap-alert.js"></script> <script src="bootstrap/js/bootstrap-modal.js"></script> <script src="bootstrap/js/bootstrap-transition.js"></script> <script src="bootstrap/js/bootstrap-tooltip.js"></script> 我看过Bootstrap示例的来源，却看不到任何能在其中任何地方启动工具提示的内容。因此，我猜测它应该可以正常工作，还是我在这里缺少了一些重要的东西？ 我有模式，警报和其他功能都很好，所以我不是一个笨蛋；） 谢谢你的帮助！

260 twitter-bootstrap 

我正在使用Twitter引导模态对话框。当我单击引导模式对话框的提交按钮时，它将发送一个AJAX请求。我的问题是模态背景不会消失。“模态”对话框确实会正确消失，但仍会保留“ modal-backdrop in”（在屏幕上创建不透明度） 我能做什么？

260 twitter-bootstrap  modal-dialog 

我正在Twitter Bootstrap中构建表单，但是在将按钮置于表单输入下方的中心时遇到问题。我已经尝试过将center-block类应用于按钮，但这没有用。我该如何解决？ 这是我的代码。 <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="singlebutton"></label> <div class="col-md-4"> <button id="singlebutton" name="singlebutton" class="btn btn-primary center-block"> Next Step! </button> </div> </div>

259 html  css  twitter-bootstrap  button 

使用Bootstrap模态，我已经看过aria很多这些属性，但是我不知道如何使用它们。 有谁知道在什么情况下使用这些属性？我用谷歌搜索-只是找不到任何直接的答案。

259 twitter-bootstrap  twitter-bootstrap-3  wai-aria 

我正在尝试使用bootstrap 3表制作具有固定标题和可滚动内容的表。不幸的是，我发现的解决方案不适用于引导程序或使样式混乱。 这里有一个简单的引导表，但由于某种原因我不知道tbody的高度不是10px。 height: 10px !important; overflow: scroll; 例： <link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"> <table class="table table-striped"> <thead> <tr> <th>Make</th> <th>Model</th> <th>Color</th> <th>Year</th> </tr> </thead> <tbody style="height: 10px !important; overflow: scroll; "> <tr> <td class="filterable-cell">111 Ford</td> <td class="filterable-cell">Escort</td> <td class="filterable-cell">Blue</td> <td class="filterable-cell">2000</td> </tr> <tr> <td class="filterable-cell">Ford</td> <td class="filterable-cell">Escort</td> <td class="filterable-cell">Blue</td> <td …

255 html  css  twitter-bootstrap  html-table 

我正在尝试使两列全高使用twitter bootstrap 3布局。似乎twitter bootstrap 3不支持全高布局。我想做的事： +-------------------------------------------------+ | Header | +------------+------------------------------------+ | | | | | | |Navigation | Content | | | | | | | | | | | | | | | | | | | +------------+------------------------------------+ 如果内容增加，则导航也应增加。 每个父母的身高100％无效，因为在某些情况下内容为一行。 绝对位置似乎是错误的方法 display: table 和 display:table-cell解决这个问题，但它是胜之不武 的HTML： <div class="container"> <div …

247 html  css  twitter-bootstrap 

我想将球形glyphicon增大，使其覆盖页面的很大一部分（这是矢量图像）。它不在按钮或其他任何东西中；只是一个人。有没有办法做到这一点？ <div class = "jumbotron"> <span class="glyphicon glyphicon-globe"></span> </div>

239 html  css  twitter-bootstrap  glyphicons 

我想使用Bootstrap内联显示列表。我可以从Bootstrap中添加一个类来实现这一点吗？

237 twitter-bootstrap 

假设我创建了这样的HTML元素， <div id="my-div" class="hidden">Hello, TB3</div> <div id="my-div" class="hide">Hello, TB4</div> <div id="my-div" class="d-none">Hello, TB4</div> 如何显示和隐藏jQuery / Javascript中的HTML元素。 JavaScript： $(function(){ $("#my-div").show(); }); 结果：（使用任何这些）。 我希望隐藏以上元素。 使用Bootstrap隐藏元素并使用jQuery显示元素的最简单方法是什么？

235 javascript  jquery  html  css  twitter-bootstrap 

我需要修改bootstrap.css以适合我的网站。我觉得最好创建一个单独的custom.css文件而不是bootstrap.css直接进行修改，原因之一是应该bootstrap.css进行更新，因此尝试重新包含所有修改会很麻烦。我会为这些样式牺牲一些加载时间，但是对于我覆盖的几种样式而言，这可以忽略不计。 为何要重写，bootstrap.css以便删除锚点/类的样式？例如，如果我想删除以下内容的所有样式规则legend： legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } 我可以删除中的所有内容bootstrap.css，但是如果我对覆盖CSS的最佳做法的理解是正确的，我应该怎么做呢？ 明确地说，我想删除所有这些图例样式，并使用父级的CSS值。因此，结合Pranav的答案，我会做以下事情吗？ legend { display: inherit !important; width: inherit !important; padding: inherit !important; margin-bottom: inherit !important; font-size: inherit !important; line-height: inherit !important; color: inherit !important; …

234 html  css  twitter-bootstrap 

我们想在由angular-cli 1.0.0-beta.5（w / node v6.1.0）生成的应用中使用引导程序4（4.0.0-alpha.2）。 在使用npm获得引导程序及其依赖关系之后，我们的第一种方法是将它们添加到angular-cli-build.js： 'bootstrap/dist/**/*.min.+(js|css)', 'jquery/dist/jquery.min.+(js|map)', 'tether/dist/**/*.min.+(js|css)', 并将它们导入我们的 index.html <script src="vendor/jquery/dist/jquery.min.js"></script> <script src="vendor/tether/dist/js/tether.min.js"></script> <link rel="stylesheet" type="text/css" href="vendor/bootstrap/dist/css/bootstrap.min.css"> <script src="vendor/bootstrap/dist/js/bootstrap.min.js"></script> 这样做可以正常工作，ng serve但是一旦我们生成带有-prod标志的构建，所有这些依赖关系就会从dist/vendor（惊奇！）中消失。 在使用angular-cli生成的项目中，我们打算如何处理这种情况（即加载引导脚本）？ 我们有以下想法，但我们真的不知道该走哪条路... 使用CDN？但是我们宁愿提供这些文件以确保它们将可用 将依赖项复制到dist/vendor我们之后ng build -prod？但是，这似乎应该为angular-cli提供一些东西，因为它“照顾”了构建部分？ 添加jquery，bootstrap和tether，src/system-config.ts并以某种方式将它们拉入我们的捆绑包中main.ts？但是考虑到我们不会在应用程序的代码中明确使用它们，这似乎是错误的（例如，不同于moment.js或类似lodash的东西）。

234 angular  twitter-bootstrap  angular-cli  ngx-bootstrap 

问题1： 通过npm安装Twitter Bootstrap的目的到底是什么？我认为npm是用于服务器端模块的。自己提供引导文件比使用CDN更快吗？ 问题2： 如果要npm安装Bootstrap，我将如何指向bootstrap.js和bootstrap.css文件？

233 node.js  twitter-bootstrap  express  npm  cdn 

我一点都不懂javascript。引导文档说 通过javascript调用模式：$（'＃myModal'）。modal（options） 我不知道如何在页面加载时调用它。使用引导页面上提供的代码，我可以在元素单击时成功调用Modal，但是我希望它在页面加载时立即加载。

230 javascript  html  twitter-bootstrap 

我正在使用新的Twitter Bootstrap创建网站。该网站看起来不错，并且可以在除IE8之外的所有必需浏览器中使用。 在IE8中，它似乎在显示移动版本的元素，但延伸到了桌面的全屏。我相信我遇到的问题是Twitter引导程序首先是移动设备。因此出于某些原因，IE8会选择此选项。 我还注意到，container该类似乎并未按预期引入max-width CSS属性。谁能看到我做错了什么？ <!-- Favicon --> <link rel="shortcut icon" href="/favicon.ico"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <!-- Bootstrap --> <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.css" rel="stylesheet"> <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet"> <script src="/SiteFiles/js/modernizr.js"></script> <!-- CSS --> <link href="/SiteFiles/css/main.css" rel="stylesheet"> <header> <div class="topArea clearfix"> <div class="container"> <div class="topLinks"> <div class="btn-group"> <span class="flag" data-toggle="dropdown"> </span> <ul class="dropdown-menu"> <li><a href="#">Country 1</a></li> …

228 html  css  twitter-bootstrap  internet-explorer-8  twitter-bootstrap-3