Tag: twitter bootstrap

JQuery只能在Rails 4应用程序的页面刷新中加载: 我创build了一个Rails 4应用程序，并添加了一个图像popup效果的fancybox库。它工作正常，但只有当页面正在刷新。如果页面没有被用户刷新，那么jquery根本不起作用。我试图用小的jquery方法来testing它，但所有的工作只能在页面刷新后。我也使用twitter引导。我的资产/ application.js文件： //= require jquery //= require jquery_ujs //= require fancybox //= require twitter/bootstrap //= require turbolinks //= require_tree . $(document).ready(function() { $(".fancybox").fancybox(); $("#hand").click(function(){ if($("#check6").is(':visible')) { $("#check6").hide(); } else { $("#check6").show(); } }); });

Bootstrap莫代尔出现在背景下: 我从Bootstrap例子中直接使用了我的模式代码，并且只包含了bootstrap.js（而不是bootstrap-modal.js）。但是，我的模式出现在灰色淡出（背景）下，不可编辑。以下是它的样子：看到这个小提琴的一种方法来重现这个问题。该代码的基本结构是这样的： <body> <p>Lorem ipsum dolor sit amet.</p> <div class="my-module"> This container contains the modal code. <div class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body">Modal</div> </div> </div> </div> </div> </body> body { padding-top: 50px; } .my-module { position: fixed; top: 0; left: 0; } 任何想法，为什么这是或我能做些什么来解决这个问题？

如何在移动版面上更改Bootstrap 3列顺序？: 我正在做一个具有顶级固定导航栏的响应式布局。在下面我有两列，一个是边栏（3），一个是内容（9）。在桌面上看起来是这样的导航栏 [3] [9] 当我resize到移动的navbar被压缩和隐藏，然后边栏堆叠在内容的顶部，如下所示：导航栏 [3] [9] 我想在顶部的主要内容，所以我需要改变在这个移动订单：导航栏 [9] [3] 我发现这篇文章涵盖了相同的观点，但是接受的答案已经被编辑，表示该解决scheme不适用于当前版本的Bootstrap。如何在移动设备上重新排列这些列？或者，我怎样才能得到sidbar列表组到我扩大的导航栏？这是我的代码： <div class="navbar navbar-inverse navbar-static-top"> <div class="container"> <a href="#" class="navbar-brand">Brand Title</a> <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="collapse navbar-collapse navHeaderCollapse"> <ul class="nav navbar-nav navbar-right"><!–original navbar–> <li class="active"><a href="#">Home</a></li> <li><a href="#">FAQ</a></li> </ul> </div> […]

叽叽喳喳bootstrap navbar固定顶部重叠网站: 我在我的网站上使用引导程序，并与导航栏固定顶部的问题。当我只使用常规导航栏时，一切都很好。但是，当我尝试将其切换到导航栏固定顶部，该网站上的所有其他内容像导航栏不在那里和导航栏重叠了。基本上我是这么解释的： .navbar.navbar-fixed-top .navbar-inner .container .container .row //yield content 我试图完全复制引导示例，但只有在使用导航栏固定顶部时才会出现此问题。我究竟做错了什么？

Twitter Bootstrap自定义最佳实践: 我正在使用使用LESS的Bootstrap 2.0.3。我想广泛地定制它，但是我想尽可能避免对源进行更改，因为对库的更改频繁。我是LESS的新手，所以我不知道它的编译是如何完成的。使用LESS或LESS框架的最佳实践是什么？

React中的这三个点是做什么的？: 这个React（使用JSX）代码做什么？它叫什么？ <Modal {…this.props} title='Modal heading' animation={false}>

什么是最简单的方法来禁用/启用button和链接（jQuery + Bootstrap）: 有时候我会使用button的forms，有时我只是使用button。我想禁用特定的clicky事物，以便：他们看起来残疾他们停止点击我该怎么做？

Bootstrap 4将导航栏项目alignment到右侧: 如何将导航栏项目alignment？我想要login并注册到右侧。但是我所尝试的一切似乎都不起作用。这是我迄今为止所尝试的：使用atribute： style="float: right"的<ul> <div>围绕<ul> <div>围绕<ul>加上atribute： style="text-align: right" 在<li>标签上尝试了这两件事再次尝试所有这些事情!importantjoin到最后在<li> nav-right nav-item更改为nav-right 在<li>添加了一个pull-sm-right类向<li>添加了一个align-content-end类这是我的代码： <div id="app" class="container"> <nav class="navbar navbar-toggleable-md navbar-light bg-faded"> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <a class="navbar-brand" href="#">Navbar</a> <ul class="navbar-nav"> <li class="nav-item active"> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> </li> <li […]

Bootstrap不同高度的stream体网格系统: 我是Bootstrap新手。我想要使用不同高度和宽度的stream体网格系统网格，如下图所示。我怎样才能实现相同的？请帮帮我。

如何使用Twitter Bootstrap获得中心内容？: 我试图遵循一个非常基本的例子。使用起始页面和网格系统，我希望以下内容： <div class="row"> <div class="span12"> <h1>Bootstrap starter template</h1> <p>Example text.</p> </div> </div> …会产生居中的文字。但是，它仍然出现在最左边。我究竟做错了什么？