Tag: twitter bootstrap 3

Bootstrap导航栏活动状态不起作用: 我有bootstrap v3。我在navbar上使用class="active" ，当按下菜单项时，它不会切换。我知道如何做到这一点与jQuery和build立一个点击function，但我认为这个function应该包括在bootstrap？所以也许这是一个JavaScript问题？这里是我的头我的js / css / bootstrap文件，我已经包括： <!– Bootstrap CSS –> <link rel="stylesheet" href= "/bootstrap/css/bootstrap.css" /> <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" /> <link rel="stylesheet" href= "/stylesheets/styles.css" /> <!–jQuery –> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> <!– Bootstrap JS –> <script src="/bootstrap/js/bootstrap.min.js"></script> <script src="/bootstrap/js/bootstrap-collapse.js"></script> <script src="/bootstrap/js/bootstrap-transition.js"></script> 这是我的navbar代码： <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> […]

在执行多响应列时清除行 – 引导: 这个标题可能不是很准确，但这里是情况：正如你在HTML中看到的那样，网格系统从xl屏幕上的4个图像到 lg屏幕上的3 个图像，减less到2个。我试图让它正确显示 – 在每个屏幕大小的适当数量的图像，也就是说。然而，一些奇怪的事情正在发生，并不能使用引导类来弄清楚。在我看来，我将不得不在每个断点处dynamic添加行。有什么build议么？ – 更新 –只是意识到col-xl- *不存在。但是，这并没有改变这种情况。请忽略xl声明。 – 更新2 –更新的图像。 – 更新3 –我会尽力澄清我的目标。对于在我的文章中附加的特定图像，我想每行出现3个盒子 – 并不是所有的人都会出现问题。当它折叠成每行2个盒子（xs设备）时，我想确保每行都有2个盒子。

带有数据切换的Bootstrap选项卡会导致以angularjs的forms重新加载: 我刚刚迁移到AngularJS 1.2。而且我意识到，所有configuration了数据切换的菜单/导航元素，例如： <li><a href="#additionalSelection" data-toggle="tab">Additional Selection</a></li> 不再工作了。他们应该用id =“additionalSelection”切换元素 – 这就是当我使用Angular 1.0.8版本时Angular＆Bootstrap的工作原理。但是现在，当我点击锚点元素时，Angular截获了这个点击并尝试去路由additionalSelection并且导致页面刷新… 有没有办法解决它？

Twitter Bootstrap中的圆桌: Bootstrap 3已经在桌子上掉落了圆angular。请问我应用哪种types的应用程序，以便在我应用.table-bordered类时将它们还原？ UPDATE 到目前为止，我已经来到这个代码，没有任何效果。从Bootstrap 2.3.2获取的CSS： .table-bordered { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered […]

twitter引导3 jquery最低版本: jquery和jquery-ui的最低版本与Twitter bootstrap 3一起使用是什么？我还没有find任何有关的文件。

Bootstrap 3 – jumbotron背景图像效果: 嗨，我试图build立一个与一个背景图像，这本身并不难的一个jumbotron网站： HTML： <div class="jumbotron"> … </div> CSS：（它位于我的自定义CSS文件，并在全部CSS后加载）。 .jumbotron { margin-bottom: 0px; background-image: url(../img/jumbotronbackground.jpg); background-position: 0% 25%; background-size: cover; background-repeat: no-repeat; color: white; text-shadow: black 0.3em 0.3em 0.3em; } 现在创build一个带有背景图像的jumbotron，但是我希望得到它的效果，我觉得很难描述，但在这个网页上可以看到： http ://www.andrewmunsell.com当你滚动时，你可以看到jumbotron内容文本等比背景图像滚动更快。这个效果叫什么，用bootstrap / html / css很容易实现？我看了一下薪水的HTML，但是现在我有点太复杂了。谢谢，本。编辑：我试图得到由第一个答案，这是位于启动层提供的例子的效果。然而，对于我来说，背景图像显示出来，然后只要滚动一下，整个图像就会消失。如果我使用Safari浏览器的惯性滚动来尝试滚动页面的顶部，背景会尝试再次移动到视图中，所以我认为图像加载正确，然后一滚动一下，在这样的操作中，图像完全移动到屏幕上。下面是我的HTML，（放置标签的位置有点难看，但是Jekyll通过包含Jumbotron标题，我试图使视差效果，页面内容和页面页脚放在一起。 HTML： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Hybridisation Recombination and Introgression Detection […]

Bootstrap：使用右拉，左拉/ 3列更改div顺序: 我一整天都在做这个工作，但是没有提出一个解决scheme。我有一个容器中的一行3列。 1：正确的内容 – 拉右 2：导航 – 左拉 3：主要内容大屏幕上显示的内容： ———————————————— | Menu | Content | Right Content | ———————————————— 它应该在小屏幕上看起来像什么： —————————- | Menu | Right Content | | |—————— | | Content | —————————- 现在看起来像什么： —————— | Right Content | —————— | Menu | Content | —————— 我认为这只是一个简单的浮动问题。但是我尝试了几乎所有的可能性。

我可以检查Bootstrap模式是否显示/隐藏？: 我可以检查Bootstrap Modal是否以编程方式显示/隐藏？像bool a = if("#myModal").shown(); ？我需要真/假

input组 – 两个input彼此靠近: 我怎样才能使input组涉及两个input？ <div class="input-group"> <input type="text" class="form-control" placeholder="MinVal"> <input type="text" class="form-control" placeholder="MaxVal"> </div> 这是行不通的，它们是水平的而不是内联的

我怎样才能让Twitter Bootstrap Popover打开，直到我的鼠标移动到它呢？: 我有一个链接，使用Twitter Bootstrap Popover版本1.3.0来显示一些信息。这些信息包括一个链接，但是每次我将鼠标从链接移动到popup窗口时，popup窗口就会消失。我怎样才能让popover打开足够长的时间，使鼠标移动到它？那么当鼠标移出链接和popover时，隐藏它？还是有一些其他的插件可以做到这一点？