将box-shadow应用于Bootstrap 4卡组件

文章/答案/技术大牛

发布

2回答

html、css、twitter-bootstrap、bootstrap-4、bootstrap-cards

我正在尝试将一个简单的阴影应用于卡片组件。不知何故，阴影出现了故障，看起来像是镜像和错位。我认为这与margin-bottom有关，但还有更多我无法理解的原因。让卡片有阴影的正确方法是什么？https://jsfiddle.net/qdjeuo65/ <style> box-shadow: 0 0 10px 0 rgba(100, 100, 100, 0.26

浏览 19提问于2020-08-14得票数 3

回答已采纳

3回答

框影在引导输入字段上不工作

html、css、twitter-bootstrap

我试图将一些CSS应用于引导输入字段，但不知怎么我看不到box-shadow。当我检查Chrome中的元素时，似乎将CSS box-shadow应用于该字段，并且form-control的CSS已经被编写过了。我如何定义输入字段有什么问题吗？有人能帮忙吗？非常感谢！ width: 224px; border-radius: 3px; box-s

浏览 0提问于2017-02-16得票数 0

回答已采纳

2回答

将“悬停”框阴影仅应用于容器

css、reactjs

我想在React和CSS中创建一个已经有阴影的Card组件，但是在悬停时它会产生阴影。这是卡片渲染功能中的卡片结构。<div className="card-body"> <p> text

浏览 5提问于2019-11-06得票数 0

回答已采纳

1回答

引导4有一个内置类的卡-img-左，这是完美的工作。我尝试过向右浮动，并删除了flex类以获得右下角的图像，但是到目前为止没有什么效果。<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058

浏览 3提问于2022-01-13得票数 0

7回答

摆脱Twitter Bootstrap缩略图边框

twitter-bootstrap、border

我正在尝试摆脱Twitter Bootstrap中默认的缩略图细灰色边框。我试着将颜色改为白色(我的背景是白色的，所以这可能是一个解决方案)，但它不起作用。我怎样才能摆脱那细小的灰色边框？

浏览 0提问于2013-05-03得票数 12

回答已采纳

1回答

将动画阴影应用于Bootstrap* 4卡*

html、css、twitter-bootstrap、bootstrap-4

我一直在想如何将动画阴影应用到Bootstrap 4卡上。目前，我有一些卡片是这样设置的： Pic of Bootstrap Card 目标是在这个视频中的方框周围应用一个动画阴影。v=1EAtn4B-76g) Pic of Box with Border Youtube示例中动画框的实际代码为： body { padding: 0;background-position: 300% 0; 100% { backg

浏览 9提问于2020-04-13得票数 0

回答已采纳

1回答

如何将底部的按钮与引导带4对齐？

html、bootstrap-4

下面是一个示例：：下面是jsfiddle：<div class="card-deck mb-3 text-center"> <div class="card-header"> <h4 class="my-0 font-weight-normal">Free</h<e

浏览 0提问于2018-02-12得票数 12

回答已采纳

1回答

CSS:我可以通过具有右边框属性的元素来定位目标吗？

html、css、twitter-bootstrap

我正在尝试将分隔符应用于Bootstrap选项卡组件。active) a{ margin-right:0px; } 除了相邻的选项卡(位于活动选项卡旁边)外，此选项卡都有效。

浏览 4提问于2015-07-01得票数 0

4回答

Bootstrap 4卡组件作为按钮

twitter-bootstrap、twitter-bootstrap-3、bootstrap-4

如何使bootstrap4卡作为一个按钮。这意味着我点击卡片上的任何部分，就会调用一些动作。这段代码来自bootstrap 4 <div class="card-deck"> <div class="card">class="card-img-top" data-src="..." alt=&qu

浏览 2提问于2016-02-25得票数 10

4回答

图像周围不需要的边框，它不是CSS边框，也不是使用Bootstrap* 4的大纲*

css、twitter-bootstrap、bootstrap-4

我正在使用来自Bootstrap4的卡片，并且已经用.PNG图像替换了图像源。然而，它显示了不必要的边界。这不是边框，也不是轮廓。 <img class="i-home"> </div> <div class="card mb-4box-shadow">

浏览 0提问于2018-02-27得票数 0

回答已采纳

2回答

角7:为什么类样式不应用于DOM组件？

css、angular、sass

我有一个组件计费，包括组件的Ng Bootstrap。<ngb-tabset _ngcontent-c3="" class="content"> </div></ngb-tabset> <div class="tab-content">将根据所选选项

浏览 1提问于2019-03-22得票数 3

回答已采纳

1回答

bootstrap-4

我用了这个，但它不起作用。input[type="password"],select {}

浏览 5提问于2017-12-09得票数 0

4回答

如何在bootstrap-4中删除按钮发光

twitter-bootstrap、bootstrap-4

当您单击按钮时，如何移除按钮周围出现的发光？ <div class="row"> <button type="button" class="btn btn-primary">Primary</button> </div>

浏览 0提问于2018-02-06得票数 8

4回答

Bootstrap 4使outline无法工作

html、css、twitter-bootstrap、twitter-bootstrap-4

Bootstrap如何禁用HTML大纲属性？当我将表单控件类添加到我的输入时，"outline: none;“不再起作用。

浏览 33提问于2017-11-17得票数 0

回答已采纳

1回答

vue引导程序中的卡片填充问题

html、css、twitter-bootstrap、vue.js、bootstrap-4

我一直在尝试使用vue bootstrap创建一个卡片组件，在这样做的过程中，我遇到了一个奇怪的问题，那就是卡片的头部和主体周围有一个巨大的填充。如果我删除b-card，只留下b- card -header和b-card-body，那么它看起来就像是普通的bootstrap卡，但现在头部和主体周围没有空白处。

浏览 25提问于2020-09-08得票数 2

回答已采纳

点击加载更多