腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(2592)
视频
沙龙
2
回答
将
Div
与
可
点击
翻转
卡片
的
底部
对齐
(
Bootstrap
4
)
javascript
、
html
、
css
、
twitter-bootstrap
、
bootstrap-4
我有一个使用
bootstrap
和js制作
的
可
点击
翻转
图像卡。我在
卡片
的
背面有一些信息,一个标题,一个正文,然后是一些额外
的
信息。我希望这3个小
的
额外信息比特
对齐
到
卡片
的
底部
。我已经将它们包装在一个
div
中,并尝试添加类"align-self-end",但是这不起作用。这是我
的
名片
的
html:
浏览 33
提问于2020-05-01
得票数 0
回答已采纳
1
回答
将
div
对齐
到
Bootstrap
4
卡体
的
底部
javascript
、
html
、
css
、
bootstrap-4
我有
卡片
头和
卡片
脚,他们工作得很好。在
卡片
的
身体里我有一个
卡片
标题。此标题可在卡体中占用1或2行。在这个
卡片
的
身体里,我也有一些信息。我想将这个信息
div
与
卡片
体
底部
对齐
,因为我使用行/集来很好地
对齐
事物,但是因为1张
卡片
标题是1行,而另一张是2行,当你在页面中查看
卡片
时,这个附加信息并不完全在
卡片
之
浏览 0
提问于2019-05-03
得票数 0
回答已采纳
2
回答
如何在
Bootstrap
4
中
将
文本放置在卡中图像覆盖
的
底部
html
、
css
、
bootstrap-4
我正在使用
Bootstrap
4
和带有图像覆盖的
卡片
来
将
一些文本放在图像上。文本显示在图像
的
顶部,而我希望它位于
底部
。这是
卡片
的
html代码: {% for article in article_list|slice:":3" %} <
div
class="card card-
浏览 2
提问于2017-08-23
得票数 5
1
回答
如何强制一些.card-img-overlay内容在
底部
对齐
?
twitter-bootstrap
、
bootstrap-4
我有一系列
Bootstrap
4
卡在这样
的
列中... ? <
div
class="col-6 pb-md-
4
"> <
div
clas
浏览 22
提问于2019-02-04
得票数 0
回答已采纳
2
回答
船运集装箱卸货和边界
twitter-bootstrap
、
bootstrap-4
以下是在不同容器中显示按钮
的
代码:<h1>
Bootstrap
4
simple container> <h1>
Boots
浏览 4
提问于2022-04-23
得票数 0
回答已采纳
1
回答
bootstrap
4
:在两个卡块之间放置图像
html
、
css
、
bootstrap-4
、
twitter-bootstrap-4
在
bootstrap
4
卡文档页面(在Images > Image Caps下),他们提供了两个示例。图像可以放在
卡片
块
的
顶部或
底部
,.card-block
div
在图像标签之后或之前。<
div
class="card-group> <
div
class="card-block></<e
浏览 0
提问于2017-08-03
得票数 0
3
回答
Bootstrap
4
卡-页脚不与页面
底部
对齐
html
、
css
、
bootstrap-4
我正在使用Bootsrap
4
卡片
‘class 'card- footer ',但是页脚没有
对齐
到页面的
底部
。这里是链接 <
div
class="card text-center"> <
div
class="card-header">Featured</
div
浏览 3
提问于2018-08-16
得票数 4
2
回答
CSS -
翻转
图像
javascript
、
jquery
、
html
、
dom
、
drag-and-drop
当我
将
图片拖到新
的
div
中时,它会生成一个类。我使用ui.helper.addClass("gemaakt");,它运行得很好!问题是,我
的
CSS脚本正在
翻转
图片等等。但不是因为某种原因上
的
课?很难解释,所以我决定把它发到JSfiddle上,这样你就可以看到它,正如你所看到
的
,
翻转
(在
底部
,正确工作)当
点击
图像,它
翻转
完美无瑕,没有问题。但是现在,把一张
浏览 0
提问于2015-03-06
得票数 1
回答已采纳
1
回答
做一个记忆匹配游戏--你能用不同
的
方式显示一张图片吗?
javascript
、
jquery
然而,我现在需要在游戏
的
一部分工作,在那里你实际上必须
翻转
卡片
。我首先要有两组图像:“
卡片
的
背面”和“
卡片
的
正面”。这些
卡片
的
背面都是一样
的
,然后当你
点击
其中一个时,
卡片
的
正面就会显露出来。正面都会是一对独特
的
图片。然而,我
的
代码是这样
的
,被
点击
的
图片具有相同
的</e
浏览 0
提问于2012-06-28
得票数 0
回答已采纳
1
回答
如何在
卡片
末端垂直居中
对齐
项目(使用
bootstrap
4
)?
javascript
、
html
、
css
、
twitter-bootstrap
、
bootstrap-4
我有一个很长
的
bootstrap
卡片
,上面有两行信息,一个标题和一个描述。然后我想要一个按钮,
对齐
到这张卡
的
右侧,居中。我当前
的
按钮html如下所示: <
div
class="card card-body"> <p>The button should be central,="button&
浏览 12
提问于2020-04-30
得票数 1
回答已采纳
1
回答
当第一个卡头有断字而第二个卡头没有断字时,如何
对齐
bootstrap
-
4
卡
html
、
css
、
bootstrap-4
我现在正在为自己创建一个小项目,使用
bootstrap
4
。但是我遇到了一个问题。我为我
的
图库使用了类
卡片
,但是一个卡头有一个‘空白’设置,所以它打破了单词,而另一个卡头没有包含‘空白’。我尝试过使用CSS3 it's media query,或者
将
卡片
的
底部
边距设置为0,希望将其
对齐
到行
的
底部
,但不幸
的
是,到目前为止还没有任何帮助。我在StackOverflow上寻找了
浏览 13
提问于2019-04-24
得票数 0
1
回答
引导4.4中具有
对齐
页脚
的
响应卡
twitter-bootstrap
、
bootstrap-4
、
responsive-design
在Bootstra4.4中,我想要一副牌,上面有:看来我不可能同时拥有这三个人,是吗?要使
卡片
页脚
对齐
卡
的
底部
,可以将它们放置在.card-deck
div
中,但这与<
div
class="col-sm-12 col-md-6 col-lg-
4
">完全不一致。我
浏览 1
提问于2020-02-12
得票数 0
1
回答
Bootstrap
4
列中
的
垂直
对齐
bootstrap-4
、
vertical-alignment
我正在尝试
将
Bootstrap
4
列中
的
元素垂直
对齐
到它
的
顶部和
底部
。我知道这个问题已经有了很多答案,但在我
的
情况下似乎没有一个是有效
的
。这是我
的
代码:<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/
bootstrap
/4.3.1/cs
浏览 11
提问于2019-11-16
得票数 1
回答已采纳
1
回答
将
Bootstrap
4
按钮组
与
flexbox
div
的
底部
对齐
css
、
bootstrap-4
、
flexbox
我有一些这样
的
HTML: <link href="https://stackpath.bootstrapcdn.com/
bootstrap
/4.3.1/css/
bootstrap
.min.css"rel="stylesheet"/> <
div
class="border d-flex align-items-baseline m-2 p-2" style="wid
浏览 8
提问于2019-05-25
得票数 0
回答已采纳
1
回答
Bootstrap
5:
将
卡片
与
另一张
卡片
垂直
对齐
html
、
css
、
bootstrap-5
我一直在使用
Bootstrap
5和vue 3构建响应卡集合。使用container和row类,我可以使卡在同一级别
对齐
。但是,为了
将
时间戳(card-footer)附加到
底部
,我还在Card类中使用了h-100。时间戳按预期呈现,但如果内容发生更改,则每行之间会有一个间隙,如下所示。 ? 我想让
卡片
垂直
对齐
,使
卡片
之间有相同
的
间隙。 ? 有没有办法用
Bootstrap
进行垂直
对齐
?以下是现在
的
浏览 27
提问于2021-07-08
得票数 1
回答已采纳
2
回答
Bootstrap
-在表单控件
的
同一输入行中
的
按钮
html
、
css
、
bootstrap-4
我想让按钮
与
之前
的
表单控件中
的
输入文本保持在同一行上。<
div
class="row"> <label for="">Name</label>
浏览 5
提问于2018-08-20
得票数 1
回答已采纳
1
回答
Bootstrap
4
:在flexbox项目中
对齐
项目
html
、
css
、
flexbox
、
bootstrap-4
、
twitter-bootstrap-4
我正在使用
Bootstrap
4
和Flexbox来
对齐
行中
的
列。我需要所有列
的
高度相同。因此,我使用"align-items-stretch“()类为它们提供相同
的
高度。现在,我希望
将
列中
的
内容
与
底部
对齐
。<
div
class="row d-flex align-items-stre
浏览 5
提问于2017-02-28
得票数 3
回答已采纳
3
回答
如何在
Bootstrap
卡片
组件
的
底部
设置页脚
对齐
html
、
css
、
twitter-bootstrap
我正在尝试在一些CSS上工作,我正在使用
Bootstrap
和组件“
卡片
”。有没有一种方法可以很容易地在较短的
卡片
上强制页脚到
底部
?
bootstrap
.min.css" rel="stylesh
浏览 0
提问于2016-03-11
得票数 13
回答已采纳
1
回答
当使用CSS单击其他卡时,请返回文件卡
html
、
css
、
css-animations
我试图创建一个
翻转
卡
的
功能,在桌面视图中悬停工作,而在移动视图中单击。我既可以使用checkbox,也可以完全使用CSS。3px
4
px rgba(0, 0, 0, 0.4), <
div
class="
div
> </
div
> <
浏览 0
提问于2020-12-19
得票数 3
回答已采纳
1
回答
将
文本
与
引导程序面板
底部
对齐
html
、
css
、
twitter-bootstrap-3
、
vertical-alignment
我想有一些文本
对齐
到面板
的
底部
-内容在一个。(我使用
的
是
bootstrap
3.3.7)然而,使用bottom: 0;下面是正在发生
的
事情
的
浏览 13
提问于2018-08-16
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Font Awesome 图标
Bootstrap项目实训干货:设计带修改和删除的图书表格
FireWorksCs6基础课程-5分钟学会阿迪logo制作
这是个彩蛋!
zdpdjango_argonadmin Django后台管理系统中的常见功能开发
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
活动推荐
运营活动
广告
关闭
领券