小编Nat*_*nes的帖子

Bootstrap 4使用Font Awesome图标折叠显示状态

我有一个Bootstrap 4崩溃如下......

<a data-toggle="collapse" href="#collapseNEWS" aria-expanded="true" aria-controls="collapseNEWS"><i class="fa fa-chevron-circle-up" aria-hidden="true"></i></a>
<div class="row collapse in" id="collapseNEWS">Content</div>
Run Code Online (Sandbox Code Playgroud)

除非单击字体真棒图标,否则会自动显示内容.我在初始加载时显示fa-chevron-circle-up图标.

单击图标后,内容将关闭,我想显示fa-chevron-circle-down图标.我怎么做到这一点?

我查看了alpha文档:http: //v4-alpha.getbootstrap.com/components/collapse/

......但我不清楚我如何建立状态以显示......

<i class="indicator fa fa-chevron-circle-up" aria-hidden="true"></i>
Run Code Online (Sandbox Code Playgroud)

要么...

<i class="indicator fa fa-chevron-circle-down" aria-hidden="true"></i>
Run Code Online (Sandbox Code Playgroud)

谢谢新泽西州

icons bootstrap-4

19
推荐指数
5
解决办法
3万
查看次数

如何在Bootstrap 3中隐藏移动/平板电脑视图中的内容?

我的Carousel滑块中有一个按钮,我想为桌面显示,但隐藏在移动设备/平板设备上:http: //www.doorsets.org.uk/index.php

Bootstrap 3中有可能吗?我知道我显然可以根据设备更改列,但我不清楚如何根据设备隐藏/显示部分.

非常感谢任何可以提供的建议.另外,你推荐一个很好的Bootstrap 3论坛吗?

非常感谢新泽西州

twitter-bootstrap twitter-bootstrap-3

12
推荐指数
1
解决办法
3万
查看次数

一些字形显示,有些不是吗?Bootstrap 3

我有一个页面包含以下内容:

<p>This one isn't appearing ->> <span class="glyphicon glyphicon-bed"></span></p>

<p>But this one is ->>  <span class="glyphicon glyphicon-home"></span></p>
Run Code Online (Sandbox Code Playgroud)

在此URL:http: //1080422389.n303457.test.prositehosting.co.uk/property-detail.php?jbID=4

为什么要显示而不显示另一个.男人,我很困惑!:(新泽西州

html css twitter-bootstrap

11
推荐指数
1
解决办法
8207
查看次数

Bootstrap 3按钮组 - 如何使它们链接?

这对我来说真的很愚蠢,但如果你不能让它们链接起来,那么Bootstrap 3的按钮组有什么意义呢?

http://getbootstrap.com/components/#btn-groups

我们试过这个:

<button type="button" class="btn btn-lg btn-success" href="add.php">
<span class="glyphicon glyphicon-plus"></span> Add
</button>
Run Code Online (Sandbox Code Playgroud)

和...

<button type="button" class="btn btn-lg btn-success">
<a href="add.php"><span class="glyphicon glyphicon-plus"></span> Add</a>
</button>
Run Code Online (Sandbox Code Playgroud)

但两者都不能作为链接.我在这里不理解什么?谢谢.NJ

twitter-bootstrap twitter-bootstrap-3

9
推荐指数
1
解决办法
3万
查看次数

是否可以通过编辑 CSS 文件在 Bootstrap 4 中设置自定义断点?

在我在这里完全被火焰击落之前,除了我的做法如下之外,我想不出任何其他方式来措辞或表达这个问题......

我想在 Bootstrap 4 中为 1366px 和 1920px 设置 2 个额外的断点,因为 Bootstrap 的 xl 非常有限,只有 1200px。

我的页面引用了 bootstrap.min.css 和 bootstrap.bundle.min.js。

我添加了 --breakpoint-xxl:1366px;--breakpoint-xxxl:1920px; 紧接在 --breakpoint-xl:1200px 之后;在 boostrap.min.css 文件中,我创建了两列,如下所示:

<div class="col-xxxl-6 col-xxl-6 col-xl-12 col-lg-6 col-md-6 col-sm-6">
     Column 1 Content
</div>
<div class="col-xxxl-6 col-xxl-6 col-xl-12 col-lg-6 col-md-6 col-sm-6">
     Column 2 Content
</div>
Run Code Online (Sandbox Code Playgroud)

当我在浏览器中以 1366 和 1920 预览此内容时,列没有调整为 50%/50%。

我是否误解了如何做到这一点?谢谢。新泽西州

css breakpoints sass css-variables bootstrap-4

1
推荐指数
1
解决办法
8498
查看次数