Questions tagged «twitter-bootstrap»

我不知道如何使引导列是这样的： col 3 | col 4.5 | col 4.5

80 twitter-bootstrap  twitter-bootstrap-3  multiple-columns  grid-layout 

到目前为止，我正在使用bootstrap 3网格系统，并且一切正常，我正在尝试使用col-xs-offset-1，尽管.col-sm-offset-1可以工作，但是它不起作用。我在这里想念什么？ <div class="col-xs-2 col-xs-offset-1">col</div> http://jsfiddle.net/petran/zMcs5/2/

80 twitter-bootstrap  twitter-bootstrap-3 

我正在尝试在当前的ember-cli项目中正确安装Twitter Bootstrap。我确实用bower安装了bootstrap： bower install --save bootstrap 现在该库位于/ vendor / bootstrap / dist /（css | js | fonts）中， 我尝试过这里提到的内容：http : //ember-cli.com/#managing-dependencies 替换路径和CSS文件名，但我得到了关于Brocfile.js文件的错误。与示例相比，我认为brocfile格式已更改太多。 在/ app / styles /目录中移动样式表之后，我还尝试使用/app/styles/app.css文件使用@import ： @import url('/assets/bootstrap.css'); @import url('/assets/bootstrap-theme.css'); 但这没有用。这些文件是可见的真实开发服务器：http://localhost:4200/assets/bootstrap.css 有人可以在这里扔我一块骨头吗？ 谢谢 编辑： ember -v ember-cli 0.0.23 brocfile.js /* global require, module */ var uglifyJavaScript = require('broccoli-uglify-js'); var …

80 twitter-bootstrap  ember.js  bower  ember-cli 

只是好奇，因为我刚刚意识到这不是一个实际的“ x”（烦恼要花多长时间才能弄清楚）。

80 unicode  twitter-bootstrap 

我需要一些有关如何使用Razor引擎在MVC 5项目上安装Date Picker Bootstrap 3的准则。我在这里找到了此链接，但是无法在VS2013中使用。 从上面后面的链接中的示例复制过来，我已经完成了以下工作： bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include( "~/Scripts/bootstrap.js", "~/Scripts/bootstrap-datepicker.js", // ** NEW for Bootstrap Datepicker "~/Scripts/respond.js")); bundles.Add(new StyleBundle("~/Content/css").Include( "~/Content/bootstrap.css", "~/Content/bootstrap-datepicker.css", // ** NEW for Bootstrap Datepicker "~/Content/site.css")); 然后我将脚本添加到索引视图，如下所示 @section Scripts { @Scripts.Render("~/bundles/jqueryval") <script type="text/javascript"> $('.datepicker').datepicker(); //Initialise any date pickers </script> } 现在，如何在这里调用日期选择器？ <div class="form-group input-group-sm"> @Html.LabelFor(model => model.DropOffDate) @Html.TextBoxFor(model …

80 asp.net-mvc  twitter-bootstrap  razor 

使用Bootstrap，我有一个网格列class =“ col-lg-3”，我想将其放置在position：fixed，而另一个.col-lg-9是正常位置（可滚动浏览整个页面）。 <div class="row"> <div class="col-lg-3"> Fixed content </div> <div class="col-lg-9"> Normal scrollable content </div> </div> 就像LifeHacker.com中的左列一样， 您将看到左侧部分固定，但是我在页面上滚动。 我使用bootstrap v3.1.1

80 css  twitter-bootstrap  twitter-bootstrap-3 

我将要创建一个新的ASP.Net MVC5 Web应用程序。我想在应用程序中使用bootswatch或wrapbootstrap中的主题，但是找不到有关如何执行操作的指令集。

79 asp.net-mvc  twitter-bootstrap  asp.net-mvc-5  bootswatch 

我无法使Bootstrap下拉菜单正常工作。这是我的导航的html： <ul class='nav'> <li class='active'>Home</li> <li class='dropdown'> <a class="dropdown-toggle" data-toggle="dropdown" href='#'>Personal asset loans</a> <ul class="dropdown-menu" role="menu"> <li><a href="#">asds</a></li> <li class="divider"></li> </ul> </li> <li>Payday loans</li> <li>About</li> <li>Contact</li> </ul> 这是脚本： <script type="text/javascript" src="js/bootstrap/bootstrap-dropdown.js"></script> <script> $(document).ready(function(){ $('.dropdown-toggle').dropdown() }); </script> 我究竟做错了什么？感谢您的回答！

79 html  drop-down-menu  twitter-bootstrap 

我想给按钮之间留一个间距，有没有一种方法可以使用自举来给间隔，以便它们在不同的屏幕分辨率下保持一致。 我尝试使用margin-left但这是正确的方法吗？ 这是演示 HTML： <div class="btn-toolbar text-center well"> <button type="button" class="btn btn-primary btn-color btn-bg-color btn-sm col-xs-2 margin-left"> <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> ADD PACKET </button> <button type="button" class="btn btn-primary btn-color btn-bg-color btn-sm col-xs-2 margin-left"> <span class="glyphicon glyphicon-edit" aria-hidden="true"></span> EDIT CUSTOMER </button> <button type="button" class="btn btn-primary btn-color btn-bg-color btn-sm col-xs-2 margin-left"> <span …

79 html  css  twitter-bootstrap 

我有以下代码： <ul class="nav nav-tabs"> <li><a href="#aaa" data-toggle="tab">AAA</a></li> <li><a href="#bbb" data-toggle="tab">BBB</a></li> <li><a href="#ccc" data-toggle="tab">CCC</a></li> </ul> <div class="tab-content" id="tabs"> <div class="tab-pane" id="aaa">...Content...</div> <div class="tab-pane" id="bbb">...Content...</div> <div class="tab-pane" id="ccc">...Content...</div> </div> 和以下脚本： $(document).ready(function(){ activaTab('aaa'); }); function activaTab(tab){ $('.tab-pane a[href="#' + tab + '"]').tab('show'); }; 在这种情况下，当页面准备就绪时，第二个选项卡将被激活，但是我总是在该行中遇到JavaScript错误 $('.tab-pane a[href="#' + tab + '"]').tab(); 有人可以帮我吗？

79 javascript  jquery  twitter-bootstrap 

我正在尝试创建2行的行。左边的一个col的内容左对齐，第二个col的内容右对齐（旧向右拉）。 我该如何在alpha-6中解决这个问题？ 我已经尝试了几件事，但这是到目前为止。我想念什么？ <div class="row"> <div class="col">left</div> <div class="col ml-auto">content needs to be right aligned</div> </div>

79 twitter-bootstrap  bootstrap-4 

如果您使用此示例（请在此处查看：http : //www.bootply.com/93816） <div class="container"> <div class="row"> <div class="col-md-6">Column1</div> <div class="col-md-6">Column2</div> </div> </div> 当您对生成的页面进行打印预览时，似乎会导致列堆叠/断开（好像浮点已删除），而不是在通常的网格布局中显示它们。 我看过@media printbootstrap.css的各个部分，但看不到与之相关的任何内容div。 有谁知道如何避免这种情况？

78 html  css  twitter-bootstrap  printing 

我正在使用Bootstrap 3.1.0的网站上工作。 您会注意到，当模式窗口打开时，浏览器滚动条会消失片刻，然后返回。关闭它时，它的作用相同。 我如何才能使其打开和关闭而没有浏览器滚动条交互。我曾在堆栈上看到有人遇到问题的帖子，但找不到针对我的问题的答案，因此，如果有人提出了此请求，并且有人知道此请求并希望将我链接到该请求，我将不胜感激它。发布前，我已经搜索了大约2个小时。

78 html  twitter-bootstrap  responsive-design  twitter-bootstrap-3 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> <div class="form-group"> <a for="collapseOne" data-toggle="collapse" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne" class="btn btn-primary">+ addInfo </a> <textarea class="form-control collapse" id="collapseOne" rows="4"></textarea> </div> <div class="form-group"> <a for="collapseTwo" data-toggle="collapse" href="#collapseTwo" aria-expanded="true" aria-controls="collapseOne" class="btn btn-info">+ subtitle </a> <input type="text" class="form-control collapse" id="collapseTwo"> </div> 运行代码段隐藏结果展开摘要 问题是，单击addInfo选项卡时，您会发现在展开时出现了跳跃text_area，即动画不流畅。

78 jquery  twitter-bootstrap  twitter-bootstrap-3 

我创建了Rails 4应用程序，并添加了fancybox库以实现图像弹出效果。它工作正常，但仅在刷新页面时有效。如果用户未刷新页面，则jquery根本不起作用。我也尝试使用小型jquery方法对其进行测试，但所有方法只有在页面刷新后才能工作。我也在使用Twitter Bootstrap。 我的assets / 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(); } }); });

78 jquery  twitter-bootstrap  ruby-on-rails-4