Questions tagged «twitter-bootstrap»

Bootstrap是一个前端框架，旨在启动Web应用程序和网站的开发。对于与Bootstrap版本有关的问题，请使用“ twitter-bootstrap-2”，“ twitter-bootstrap-3”和“ bootstrap-4”标签中特定版本的标签。

5
如何在Twitter Bootstrap模式中启用转义键关闭功能？
我按照其主文档页面上 有关Twitter Bootstrap模态的说明进行操作，并使用了data-keyboard="true"所提及的语法，但转义键不会关闭模态窗口。 还有其他我想念的东西吗？ 码： <a href="#my-modal" data-keyboard="true" data-toggle="modal">Open Modal</a> <div class='modal fade hide' id='my-modal'> <div class='modal-body'> <div>Test</div> </div> </div>
4
Twitter Bootstrap：容器中的div高度为100％
使用twitter bootstrap（2），我有一个带有导航栏的简单页面，并且container我想在其中添加高度为100％的div（到屏幕底部）。我的css-fu生锈了，我无法解决。 简单的HTML： <body> <div class="navbar navbar-fixed-top"> <!-- Rest of nav bar chopped from here --> </div> <div class="container fill"> <div id="map"></div> <!-- This one wants to be 100% height --> </div> </body> 当前的CSS： #map { width: 100%; height: 100%; min-height: 100%; } html, body { height: 100%; } .fill …
8
如何覆盖Twitter Bootstrap中的样式
如何覆盖Twitter Bootstrap中的样式？例如，我当前正在使用具有CSS规则“ float：left;”的.sidebar类。我该如何更改它以使其转到右侧？我正在使用HAML和SASS，但对于Web开发来说相对较新。
15
引导弹出窗口未显示在所有元素的顶部
我在引导站点上工作，并且从2.0更新到引导2.2之后，除了弹出窗口之外，其他所有东西都起作用。 弹出窗口仍然显示良好，但不会出现在所有其他元素之上。 <div> // this sits on top of the popover. this did not happen before cleaning up scripts. <div> //popover shows on top of this <div> //popover shows on top of this //link here with popover in it. </div> </div> </div> 任何人都对为什么弹出式窗口的行为有所更改或如何解决有任何想法？谢谢。
25
如何在ASP.NET MVC中将“活动”类添加到Html.ActionLink
我正在尝试在MVC中的“引导”导航栏中添加“活动”类，但是在编写此类时，以下内容未显示活动类： <ul class="nav navbar-nav"> <li>@Html.ActionLink("Home", "Index", "Home", null, new {@class="active"})</li> <li>@Html.ActionLink("About", "About", "Home")</li> <li>@Html.ActionLink("Contact", "Contact", "Home")</li> </ul> 这可以解析为看起来格式正确的类，但是不起作用： <a class="active" href="/">Home</a> 在Bootstrap文档中，它指出不应在导航栏中使用“ a”标签，但是我认为以上是将类添加到Html.ActionLink的正确方法。我还有其他（整洁）的方式可以做到这一点吗？
13
Bootstrap 3：向右拉仅适用于col-lg
引导程序3的新手。...在我的布局中，我有： <div class="row"> <div class="col-lg-6 col-md-6">elements 1</div> <div class="col-lg-6 col-md-6"> <div class="pull-right"> elements 2 </div> </div> </div> 我希望“元素2”在比col-lg屏幕小的地方不对齐。如此有效地让类只向col-lg-6右上推... 我怎样才能做到这一点？ 这是一个小提琴：http : //jsfiddle.net/thibs/Y6WPz/ 谢谢
7
Bootstrap CSS将容器的一部分隐藏在导航栏下方navbar-fixed-top
我正在用Bootstrap构建一个项目，我面临的问题很少。我在Nav-top下有一个容器。我的问题是我的容器的某些部分隐藏在nav-top标头下方。我不想在其中使用top-margin容器。请在下面的HTML中看到即时通讯面临的问题 <html> <head> <meta name="viewport" content="width=device-width" /> <title>Index</title> <link rel="stylesheet" href="~/stylesheets/bootstrap.css"/> <link rel="stylesheet" href="~/stylesheets/bootstrap-responsive.css"/> </head> <body> <div class="navbar navbar-fixed-top "> <div class="navbar-inner"> <div class="container"> <button data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar collapsed" type="button"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="nav-collapse"><ul class="nav" id="navbar"><li ng-class="{active:section=='plunks'}" class="active"><a href="/plunks/trending"><i class="icon-home"></i>Home</a></li><li><a target="_self" href="/edit/"><i class="icon-calendar"></i>General Election …
6
合并行的引导程序（行跨度）
我正在测试Twitter Bootstrap，并陷入行的基本脚手架。我重新查看了他们的文档次数，可以看到嵌套列，您基本上可以将列嵌套在列中，但是我无法定位将行合并为一个并使其与未合并行旁边的列对齐的功能。 下图应说明我要完成的工作。 我遇到的唯一解决方法是使用表，但我不喜欢这种想法，因为我的观点是，响应性不适用于表。 有人对此有任何优雅的解决方案吗？我要做的大多数Web布局都需要高度的灵活性，因此，如果我能在这里找到有用的东西，那将会很棒。
13
Bootstrap尝试加载地图文件。如何禁用它？我需要这样做吗？
我最近在玩bootsrap3。我从源代码编译了它，并将distr js和CSS包含到我的项目中。事实是，我在GH开发人员工具中看到，它正在尝试获取.map.css文件。为什么要这样做？如何禁用它？我需要禁用它吗？为了在开发工具中不会出现错误标记，我添加了该映射文件，之后，所有样式都按照在较少文件中定义的样式显示，这对我没有多大帮助。
8
Bootstrap 3.0-包括固定列大小的流体网格
我正在学习如何使用Bootstrap。目前，我正在遍历布局。虽然Bootstrap很酷，但我看到的一切似乎都过时了。对于我的一生，我有一个我无法弄清的基本布局。我的布局如下所示： --------------------------------------------------------------------------- | | | | | | | | | 240px | 160px | All Remaining Width of the Window | | | | | | | | | --------------------------------------------------------------------------| 该网格需要占据窗口的整个高度。根据我的理解，我需要混合固定宽度和流体宽度。但是，Bootstrap 3.0似乎不再具有流畅的类。即使这样做，我似乎也无法弄清楚如何混合流体尺寸和固定色谱柱尺寸。有谁知道如何在Bootstrap 3.0中执行此操作？
14
Bootstrap 3折叠显示状态与雪佛龙图标
使用从Collapse的Bootstrap 3 Javascript 示例页面获取的核心示例，我已经能够使用V形图标显示崩溃的状态。 我有使用这个工作： $('#accordion .accordion-toggle').click(function (e) { var chevState = $(e.target).siblings("i.indicator").toggleClass('glyphicon-chevron-down glyphicon-chevron-up'); $("i.indicator").not(chevState).removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up"); }); 这可行（未在所有浏览器中都经过全面测试），但我想知道是否有更优雅的解决方案？ 理想情况下，我想使用核心功能，但是我不确定如何用它来达到相同的结果。 $('#accordion').on('hidden.bs.collapse', function () { //do something... }) 这是jsfiddle中的工作版本。
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.