Tag: bootstrap 4

在Bootstrap v4中缺less可见的 – **和隐藏的**

在Bootstrap v3中，我经常使用与clearfix结合的隐藏类来控制不同屏幕宽度的多列布局。 例如， 我可以将多个隐藏的**组合在一个DIV中，使我的多列在不同的屏幕宽度下正确显示。 例如，如果我想要显示产品照片的行，在较大的屏幕尺寸上每行4个，在较小的屏幕上显示3个，然后在非常小的屏幕上显示2个。 产品照片可能会有不同的高度，所以我需要clearfix来确保正确的行分割。 这是v3中的一个例子 现在v4已经取消了这些类，取而代之的是可见/隐藏 – ** – 向上/向下类，我似乎必须用多个DIV来做同样的事情。 这里有一个类似的例子在v4中… 所以我已经从单一的DIV变成了需要添加多个DIV的上/下类来达到同样的效果。 从… <div class="clearfix visible-xs-block visible-sm-block"></div> 至… <div class="clearfix hidden-sm-up"></div> <div class="clearfix hidden-md-up hidden-xs-down"></div> <div class="clearfix hidden-md-down"></div> 有没有更好的方法来做到这一点，我已经忽略了？

Bootstrap 4 – 字形迁移？

我们有一个集中使用glyphicons的项目。 Bootstrap v4完全删除了字形字体。 Bootstrap V4附带的图标是否有相同的图标？ http://v4-alpha.getbootstrap.com/migration/

引导程序3：仅向col-lg拉右

新引导3 ….在我的布局，我有： <div class="row"> <div class="col-lg-6 col-md-6">elements 1</div> <div class="col-lg-6 col-md-6"> <div class="pull-right"> elements 2 </div> </div> </div> 我希望“元素2”不要在小于屏幕的屏幕上alignment。 所以有效的只有col-lg-6才能上课 我怎么能做到这一点？ 这是一个小提琴： http : //jsfiddle.net/thibs/Y6WPz/ 谢谢

在Bootstrap中左alignment并右alignmentdiv

什么是一些常见的方法来左alignment一些文本，并在引导中alignmentdiv容器内的其他文本？ 例如 Total cost $42 总成本以上应该是左alignment的文本和$ 42是正确的alignment的文本

如何解决错误; '错误：引导工具提示需要Tether（http://github.hubspot.com/tether/）'

我正在使用Bootstrap V4，并在控制台中logging以下错误： 错误：引导工具提示需要Tether（ http://github.hubspot.com/tether/ ） 我试图通过安装Tether去除错误，但它没有奏效。 我已经通过包括以下几行代码来“安装”Tether; <link rel="stylesheet" href="http://www.atlasestateagents.co.uk/css/tether.min.css"> <script src="http://www.atlasestateagents.co.uk/javascript/tether.min.js"></script> 我是否正确安装了系绳？ 任何人都可以帮我删除这个错误？ 如果你想查看我的网站上的错误，请点击这里并加载你的控制台。

我怎样才能让我的Twitter Bootstrapbutton正确alignment？

我在这里有一个简单的演示： http://jsfiddle.net/HdeZ3/1/ <ul> <li>One <input class="btn pull-right" value="test"></li> <li>Two <input class="btn pull-right" value="test2"></li> </ul> 我有一个无序的列表，对于每个列表项目，我希望在左边有文本，然后右alignment的button。 我试图使用拉右，但这完全混淆了alignment。 我究竟做错了什么？

偏移列不起作用（Bootstrap v4.0.0-beta）

我正在使用Boostrap 4（Bootstrap v4.0.0-beta）testing版，并面临偏移列的问题。 早些时候，我曾经做过offset-md- * ，它正在工作，BS4 Beta根据文档被删除。 在文档中提到的新方法是使用.ml-auto ，当我尝试使用它与col-md-4它是抵消4列。 我想要的是自定义抵消像 **<div class="col-md-4 offset-md-2"></div>** 我试过使用 **<div class="col-md-4 ml-md-2"></div>** 但没有工作这是错误还是有另一种方法来做到这一点？ 这里是关于抵消https://getbootstrap.com/docs/4.0/layout/grid/#offsetting-columns的官方文档

在twitter引导五个相等的列

我想在我正在构build的页面上有5个相同的列，我似乎无法理解5列的网格在这里如何使用： http : //web.archive.org/web/20120416024539/http : //domain7 .COM /移动/工具/引导/响应 五列网格被演示以上twitter引导框架的一部分？

自举中的垂直alignment中心4

我正在尝试使用Bootstrap 4将我的容器居中放置在页面中间。到目前为止，我一直没有成功。 任何帮助，将不胜感激。 我已经在Codepen.io上build立起来了，所以你们可以用它玩，让我知道什么是有用的 ，因为我的想法是… 编辑 – [已解决] 将以下内容添加到我的CSS的顶部解决了问题： html, body { height:100%; } body { display:flex; align-items:center; } 另外，在Bootstrap 4（alpha）中： 将类d-flex align-items-center h100到父级也解决了这个问题，并且是更加Bootstappy方法。 注意这和前面提到的方法是一样的。 解决了@Pete，@ZimSystems以及其他

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 […]