- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我正在尝试使用 Bootstrap 4 在 div 周围创建功能区。
我无法清理右边框;在移动设备上,当页面缩小时,我的功能区向右溢出,超出父 div:https://jsfiddle.net/auj4q3a2/
HTML:
<div class="container-fluid">
<div class="card profile-card">
<div class="container-fluid">
<div class="row user-social-detail">
<div class="col-lg-12 col-sm-12 col-12">
<a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
CSS:
.profile-card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
max-width: 475px;
margin: auto;
text-align: center;
}
.user-social-detail{
margin: 0 -30px;
padding: 15px 0px;
background-color: #ffd280;
border-radius: 4px;
}
.user-social-detail a i{
color:#fff;
font-size:23px;
padding: 0px 5px;
}
.user-social-detail::before,
.user-social-detail::after {
content: '';
position: absolute;
z-index: -1;
left: -45px;
top: -28px;
display: block;
width: 40px;
height: 0px;
border: 30px solid transparent;
border-right: 20px solid #e5bd73;
border-bottom-color: transparent;
border-left-color: transparent;
}
.user-social-detail::after {
left: auto;
right: -45px;
border-left: 20px solid #e5bd73;
border-right: 30px solid transparent;
}
如何将色带放入移动设备上的容器中,如左侧?
任何建议或反馈都将受到欢迎,我们将不胜感激。
最佳答案
知道了!
你必须添加
overflow-x: hidden !important;
到 .container-fluid
编辑:实际上,只有在第一个 .container-fluid 中这是必需的,因此您可以将以下内容添加到您的 CSS 文件中:
.container-fluid:first-of-type {
overflow-x: hidden !important;
}
关于css - 如何通过 CSS 去除色带边框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50141054/
我在 iPhone 上遇到了 openGL 问题,我确信一定有一个简单的解决方案! 当我加载纹理并显示它时,我得到了很多我认为所谓的“色带”,其中颜色,特别是渐变上的颜色,似乎会自动“优化”。 只是为
Android Activity 或 OpenGl 中出现 strip 图像的可能解决方案是什么。 请看下面的答案。 希望对你有帮助 最佳答案 色带已解决 ooooooooooyyyyyyyeaaaa
我有一个 working 'css ribbon tag' 但是,HTML 非常丑陋:
我想创建像这张图片(图片的红色部分)一样的丝带效果: 当我尝试创建带边框的箭头效果时,对象的形状完全被破坏了: HTML代码: Kategorija 到目前为止的 CSS 代码(没有尝试创建箭头):
在应用于正在进行的应用程序之前,我正在试验一些奇特的 CSS 效果,我遇到了 Ribbons . 就其本身而言,它工作得很好,但我不会按照生成器的建议使用固定元素,所以我在主框中添加了一个图像 但是,
我正在尝试使用 ggplot2 绘制热图,并且我想调整颜色栏的大小并增加字体。 这是代码的相关部分: g <- ggplot(data=melt.m) g2 <- g+geom_rect(aes(xm
一段时间以来,我一直在使用 this创建 Angular 丝带,到目前为止它一直运行良好: body { margin: 10% } img { border-radius: 0.5vw; }
我尝试创建 MS 功能区按钮图标表单代码。我创建了 32 bpp 的 CImage。 CImage img; img.Create(size, size, 32, CImage::createAlph
我有一个很大的表格,需要将单元格的背景更改为 1 到 6 个色带,就像矩形堆叠在一起(其他信息将出现在单元格内)。虽然这个例子是一个表格,但我猜这适用于任何 DIV。我希望能够(通过动态 javasc
我正在尝试反转这个朝阳可视化的色带。它使用带有标签等的 sunburst 可缩放图表。通常情况下,您只需反转它们正在使用的范围内的值,但我不太明白它是如何在设置中获取这些值的。 这是我使用的配色方案
我是一名优秀的程序员,十分优秀!