Tag: twitter bootstrap

Bootstrap：当展开一个时，折叠其他部分: 我正在制作一个Rails应用程序，并试图实现与Twitter的Bootstrap 崩溃相关的特定function。忍受我的解释。我目前有以下观点：当每个button被点击时，它们的数据切换div被展开。该视图的设置如下： <button class="btn dropdown" data-toggle="collapse" data-target="#keys"><i class="icon-chevron-right"></i> Keys <span class="badge badge-info pull-right"><%= @app.keys.count %></span></button> <button class="btn dropdown" data-toggle="collapse" data-target="#attrs"><i class="icon-chevron-right"></i> Attributes</button> <button class="btn dropdown" data-toggle="collapse" data-target="#edit"><i class="icon-chevron-right"></i> Edit Details</button> <div class="collapse indent" id="keys"> <!–content–> </div> <div class="collapse indent" id="attrs"> <!–content–> </div> <div class="collapse" id="edit"> <!–content–> </div> 我让他们像这样设置，因为我想连续排列button。如果我将button移动到视图正上方，它们展开/折叠，然后button堆叠在一起。所以，我的最终目标是并排放置三个button，并将它们折叠并展开各自的部分。目前的设置工作，但是有点尴尬。 […]

Shim Twitter Bootstrap for RequireJS: RequireJS 文档说，要支持旧版本的IE，你需要configurationenforceDefine: true 。所以，如果你想支持Internet Explorer，捕捉加载错误，并通过直接define（）调用或填充configuration模块化代码，总是设置enforceDefine为true。请参阅下一部分的示例。注意：如果你设置了enforceDefine：true，并且你使用了data-main =“”加载你的主JS模块，那么这个主JS模块必须调用define（）而不是require（）来加载它需要的代码。主JS模块仍然可以调用require / requirejs来设置configuration值，但是对于加载模块，它应该使用define（）。由于Twitter Bootstrap不是AMD模块，因此我需要为它启动而努力。这是我如何configuration它; <script type="text/javascript"> var require = { paths: { "bootstrap": "../bootstrap", "jquery": "../jquery-1.8.2" }, shim: { "bootstrap": ["jquery"] }, enforceDefine: true }; </script> 后来当我的模块想要引导作为一个依赖，我仍然结束了一个错误消息; Error: No define call for bootstrap http://requirejs.org/docs/errors.html#nodefine 如果我已经正确理解了文档， enforceDefine应该忽略垫片，但不是。我在这里做错了什么？

closures后，我的Bootstrap警报将不会显示: 嗨，我有以下隐藏在页面上的警报 <div class="alert alert-success" id="selectCodeNotificationArea" hidden="hidden"> <button type="button" class="close" data-dismiss="alert">×</button> @TempData["selCode"] </div> 我用下面的javascript显示它 $('#send_reject_btn').click(function () { var selRowIds = $("#ApprovalGrid").jqGrid('getGridParam', 'selarrrow'); if (selRowIds.length > 0) { $('#reject_alert').show(); } else { $('#selectCodeNotificationArea').show(); } }); 这显然是链接到我的HTML中的button。如果我使用<button type="button" class="close" data-dismiss="alert">×</button>closures它，则显示<button type="button" class="close" data-dismiss="alert">×</button>下一次按下button打开警报时，我可以请参阅$('#selectCodeNotificationArea').show(); 被调用我的debugging屏幕，但警报不会再次显示。有谁之前经历过这个吗？

在轮播中保持图像宽高比: 我使用Bootstrap来创build一个旋转木马，我有大的图像，所以当屏幕比图像小，比例不保留。我怎么能改变这个？这是我的代码： .carousel .item { height: 500px; } .carousel img { position: absolute; top: 0; left: 0; min-width: 100%; height: 500px; } http://jsfiddle.net/DRQkQ/ 我需要图像适合100％的宽度，但保持500px的高度（我认为它是500px），这应该意味着在较小的屏幕上，我们没有看到图像的最左边和最右边。我试图在一个div中包含图像，并添加 overflow: hidden; width: 100%; height: 500px; display: block; margin: 0 auto; 但它不起作用谢谢！

font-awesome不能在MVC5中使用bundleconfig: 如果我直接在font-awesome.css页面中引用font-awesome.css 。它会工作 <link href="~/Content/font-awesome-4.0.3/css/font-awesome.css" rel="stylesheet" /> 但是我在BundleConfig.cs 。图标不显示。 bundles.Add(new StyleBundle("~/Content/css").Include( "~/Content/font-awesome-4.0.3/css/font-awesome.css", "~/Content/bootstrap.css", "~/Content/body.css", "~/Content/site.css", "~/Content/form.css" )); 还观察到浏览器控制台对字体目录有错误。 Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:51130/fonts/fontawesome-webfont.woff?v=4.0.3 可能是什么问题呢？

你如何使Twitter Bootstrap手风琴保持开放？: 我试图模仿使用Twitter引导使用手风琴和崩溃插件的Outlook栏，到目前为止，我得到了崩溃和手风琴的工作，但它目前允许所有部分被折叠。我想限制它，只有一个总是显示。这是我正在工作的一个： http : //jsfiddle.net/trajano/SMT9D/我认为这是沿线的某处 $('#accordions').on('hide', function (event) { console.warn("HIDE TRIGGERED, check if trying to hide the active one if so stop"); })

Twitter Bootstrap模态窗体：如何拖放？: 我希望能够在Bootstrap 2中移动（在灰色的背景上，通过拖放）模式forms。谁能告诉我实现这个的最佳实践是什么？

在Twitter Bootstrap中绑定到Collapse事件3: 假设我有Bootstrap崩溃： <div class="panel-group" id="accordion"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> Collapsible Group Item #1 </a> </h4> </div> <div id="collapseOne" class="panel-collapse collapse in"> <div class="panel-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa […]

减lessTwitter Bootstrapinput字段的高度？: 在我的表单中，我想减lessinput字段的高度。我知道有input小，input媒体类控制input字段的宽度，但有没有类似的控制高度？我找不到任何，如果不是我怎么去覆盖默认值？

在Bootstrap中加载状态button3: 我是Bootstrap 3的新手。不知道如何激活加载状态buttonfunction。我的代码来自getboostrap.com上的文档。 <button type="button" data-loading-text="Loading…" class="btn btn-primary"> Loading state </button> 下拉菜单工作正常，所以我猜这个问题是在别的地方？