Tag: twitter bootstrap

是否有可能使用Bootstrap创build一个pinterest般的布局？: 我正试图让我的头在这个相当长一段时间现在：只有Twitter Bootstrap才能创build一个精简的布局？我知道有像砌体这样的jQuery插件，但没有它们，没有办法吗？谢谢

从引导3导航栏的折叠中排除菜单项: 这就是我所拥有的，我尝试过在“品牌”里面移动我的部分，在品牌之外，在品牌之外做一个右拉，做一个左/右，同时也试图把它放在之前或之后崩溃部分。将其添加到品牌部分时，它会起作用，但是会下降到新的一行。我如何保持在同一行？ <body> <header> <nav class="navbar navbar-default navbar-inverse" role="navigation" style="font-size: 18px"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="navbar-brand site-title" style="text-decoration: none; font-size: 24px; font-weight:bold">@Html.ActionLink("Manager", "Index", "Player")</div> </div> <div class="collapse navbar-collapse navbar-ex1-collapse navbar-right"> <ul class="nav navbar-nav"> @* <li class="active">@Html.ActionLink("Home", "Index", "Player")</li> […]

如何使用Twitter Bootstrap构build2列（固定stream体）布局？: 是否有可能创build一个2列布局（固定stream体）布局（ http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-21-fixed-fluid/ ）与Twitter的Bootstrap（http ：//twitter.github.com/bootstrap/）？你有什么解决办法？

如何创build一个粘滞的导航栏，滚动后变成固定的顶部: 我试图在第一次加载网站时在可见页面的底部创build一个导航栏，然后当用户向下滚动时，导航栏向上滚动，最终变成固定在顶部。我正在使用Bootstrap，就像这个网站，但我无法弄清楚这个网站是如何做到的。任何帮助？这里是我想要模拟导航栏的网站： http : //www.blastprocessor.co.uk/ 这是我的导航HTML和CSS代码： HTML： <div class="navbar navbar-fixed-top" id="navbar"> <div class="navbar-inner"> <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <div class="nav-collapse"> <ul class="nav nav-pills"> <li class="active"><a href="#home">Home</a></li> <li><a href="#service-link">Services</a></li> <li><a href="#contact-link">Contact</a></li> </ul><!– /.nav –> </div><!–/.nav-collapse –> </div><!– /.container –> </div><!– /.navbar-inner –> </div><!– /.navbar –> […]

Bootstrap 3上的input宽度: 再次更新：我通过select最高的答案来closures这个问题，以防止人们添加答案而不真正理解问题。实际上，没有办法使用构buildfunction来完成，而不使用网格或添加额外的CSS。如果你正在处理的help-block元素需要超出一个简短的input，例如，但他们是“内置”，网格不能正常工作。如果这是一个问题，我build议使用额外的CSS类，你可以在这里的BS3讨论中find 。现在，BS4已经不在了，可以使用包含的大小样式来pipe理这个，所以这不会长久相关。感谢所有在这个受欢迎的SO问题上的良好input。更新：这个问题仍然是开放的，因为它是关于BS中的内置function来pipe理input宽度而不依靠网格（有时它们必须被独立pipe理）。我已经使用自定义类来pipe理这个，所以这不是基本的CSS的一个方法。这个任务是在BS function讨论列表中，还有待解决。原问题：有人找出一种方法来pipe理BS 3上的input宽度吗？我目前正在使用一些自定义类来添加function，但我可能错过了一些没有logging的选项。目前的文档说使用.col-lg-x，但显然不工作，因为它只能适用于容器div，然后导致各种布局/浮动问题。这是一个小提琴。奇怪的是，在小提琴我甚至无法得到的forms组来resize。 http://jsfiddle.net/tX3ae/ <form role="form" class="row"> <div class="form-group col-lg-1"> <label for="code">Name</label> <input type="text" class="form-control"> </div> <div class="form-group col-lg-1 "> <label for="code">Email</label> <input type="text" class="form-control input-normal"> </div> <button type="submit" class="btn btn-default">Submit</button> </form> </div>

如何将自举添加到angular度项目: 我们想在我们的应用程序中使用angular度cli 1.0.0-beta.5（w / node v6.1.0）生成引导程序4（4.0.0-alpha.2）。在使用npm获得bootstrap及其依赖关系之后，我们的第一种方法是在angular-cli-build.js中添加它们： 'bootstrap/dist/**/*.min.+(js|css)', 'jquery/dist/jquery.min.+(js|map)', 'tether/dist/**/*.min.+(js|css)', 并将其导入到我们的index.html <script src="vendor/jquery/dist/jquery.min.js"></script> <script src="vendor/tether/dist/js/tether.min.js"></script> <link rel="stylesheet" type="text/css" href="vendor/bootstrap/dist/css/bootstrap.min.css"> <script src="vendor/bootstrap/dist/js/bootstrap.min.js"></script> 这与ng serve正常工作，但只要我们用-prod标志生成一个构build所有这些依赖从dist/vendor消失（惊喜！）。我们打算如何处理这种情况下（即加载引导脚本）在一个项目生成的angular度cli？我们有以下想法，但我们不知道要走哪条路使用CDN？但我们宁愿提供这些文件以保证它们可用复制依赖关系dist/vendor在我们ng build -prod ？但是，这似乎是angular形气候应该提供的，因为它“照顾”构build部分？在src / system-config.ts中添加jquery，bootstrap和tether，并以某种方式将它们拖入我们的main.ts包中？但是，考虑到我们不会在应用程序的代码中明确使用它们，这似乎是错误的（例如，不像moment.js或lodash）

点击更改Twitter引导工具提示内容: 我有一个锚点元素的工具提示，点击发送一个AJAX请求。这个元素有一个工具提示（来自Twitter Bootstrap）。我希望工具提示内容在AJAX请求成功返回时更改。启动后如何操作工具提示？

Bootstrap – 如何为<td>设置固定宽度？: 简单的scheme： <tr class="something"> <td>A</td> <td>B</td> <td>C</td> <td>D</td> </tr> 我需要为<td>设置一个固定的宽度。我试过了： tr.something { td { width: 90px; } } 也 td.something { width: 90px; } 对于 <td class="something">B</td> 乃至 <td style="width: 90px;">B</td> 但是<td>的宽度仍然相同。

用于DropDownList的EditorTemplate: 我已经创build了一个EditorTemplate实现引导的string字段，如下所示： @using MyProject @model object <div class="form-group"> @Html.LabelFor(m => m, new { @class = "col-md-3 control-label" }) <div class="col-md-9"> @Html.TextBox( "", ViewData.TemplateInfo.FormattedModelValue, htmlAttributes) @Html.ValidationMessageFor(m => m, null, new { @class = "help-block" }) </div> </div> 我可以简单地这样调用它： @Html.EditorFor(model => model.FirstName,"BootstrapString") 我的问题：我将如何做一个DropDownList这样我可以只调用@ Html.EditorFor如下： @Html.EditorFor(model => model.CategoryId,new SelectList(ViewBag.Categories, "ID", "CategoryName")) 所以它基本上是一个具有Twitter Bootstrap样式的genericsDropDownList。

引导程序3响应表与固定的第一列: 我专门针对手机，所以我有一个Bootstrap响应表。它只是一个引导类“table-responsive”和一个嵌套在类“table table-striped table-bordered table-hover table-condensed”中的表格。有没有简单的方法来确保第一列是固定的（不水平滚动）？在移动设备上，每次都可能会滚动，但第一列包含基本上是表头。