关键词：
【中文标题】如何修复引导卡模板上的图像大小和位置？【英文标题】：How to I fix the image size and position on a bootstrap card template? 【发布时间】：2021-03-09 16:41:40 【问题描述】：大家晚上好，
我试图避免一旦用户从移动版本看到网站，卡片的图像（通过引导程序实现）转移到卡片的顶部。
问题如下：
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
% if post.immagine %
<div class="col-md-4">
<img src=" post.immagine.url " class="card-img" >
</div>
% else %
<div class="col-md-4">
</div>
% endif %
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title"> post.nome post.cognome -
</h5>
<a href="% url 'prova-detail' post.pk %" class="btn btn-dark" style="background-color: #282d4c;">Leggi</a>
<p class="card-text"></p>
</div>
% else %
<div class="card-body" style="text-align:center">
<h5 class="card-title"> post.nome post.cognome </h5>
</div>
</div>
</div>
% endfor %
【问题讨论】：
【参考方案1】：bootstrap 由 12 个列组成来呈现内容
如果你写：
<div class="col-md-4"></div>
<div class="col-md-8"></div>
表示左栏占内容的 1/3，右栏占 2/3。
col-md-* 中的 md 表示这只适用于所有大于 md 的分辨率（我认为是平板电脑）
只要去掉 md 就可以了
<div class="col-4"></div>
<div class="col-8"></div>
【讨论】：
如何修复 python tkinter 上的按钮位置？
】如何修复pythontkinter上的按钮位置？【英文标题】：HowcanIfixmybuttonpositionsonpythontkinter?【发布时间】：2021-10-1801:38:41【问题描述】：我想修复两个按钮的位置，例如，如果我调整窗口大小，按钮将保持在其位置。或者我的按钮会... 查看详情
使引导卡完全可点击
】使引导卡完全可点击【英文标题】：MakeBootstrapCardEntirelyClickable【发布时间】：2019-06-2115:00:19【问题描述】：我无法让我的整个Bootstrap4Card可点击。我正在使用HTML5和Bootstrap4，无法使包含卡可点击。图像和文本是可点击的，但我... 查看详情
动态调整引导卡标题以对齐图像
...题描述】：如您所见，第二张卡片的标题将图像向下推。如何动态调整卡片标题的大小以对齐所有图像？谢谢。引导卡</head><body><divclass="container-fluid"><divclass 查看详情
响应大小图像引导程序上的图像叠加
】响应大小图像引导程序上的图像叠加【英文标题】：Imageoverlayonresponsivesizedimagesbootstrap【发布时间】：2014-02-1109:09:48【问题描述】：我正在尝试创建一个响应式图像网格（带有描述），当鼠标悬停时将有一个颜色覆盖（只有图... 查看详情
如何裁剪引导图像以获得所有图像的宽度 285 和高度 170？
】如何裁剪引导图像以获得所有图像的宽度285和高度170？【英文标题】：Howtocropboostrapimagetogetwidth285andheight170ofallimages?【发布时间】：2015-05-0107:44:24【问题描述】：我有不同大小的图像，我希望它具有相同的宽度和高度，并使其... 查看详情
如何修复导航菜单上的悬停和过渡？
】如何修复导航菜单上的悬停和过渡？【英文标题】：HowcanIfixthehoverandtransitiononmynavmenu?【发布时间】：2015-12-1210:27:09【问题描述】：我正在构建一个垂直选项卡式导航菜单。当我将鼠标悬停在标签上时遇到两个问题。首先，只... 查看详情
如何修复 UIButton 的图像大小？
】如何修复UIButton的图像大小？【英文标题】：HowtofixUIButton\'simagesize?【发布时间】：2015-09-2312:14:59【问题描述】：我有一个UIButton，它有一个图像而不是按钮文本。但是当我在模拟器上编译和运行项目时，按钮大小会发生变化。... 查看详情
每次更改图像时修复轮播图像大小
】每次更改图像时修复轮播图像大小【英文标题】：Fixcarouselimagessizewheneverchangeimage【发布时间】：2018-12-0523:58:42【问题描述】：我的问题我正在使用与引导网站完全相同的代码进行轮播。但是每当加载下一张图片时，整个div都... 查看详情
如何修复 iPhone 横向放大/缩小图像的大小？ [关闭]
】如何修复iPhone横向放大/缩小图像的大小？[关闭]【英文标题】：howtofixthesizeofthezoomin/outimageiniphonelandscape?[closed]【发布时间】：2011-08-1806:10:23【问题描述】：请为我提供如何使用给定的图像修复下一页上图像的大小输入/输出的... 查看详情
如何更改窗口加载功能上的引导活动选项卡
】如何更改窗口加载功能上的引导活动选项卡【英文标题】：Howtochangebootstrapactivetabonwindowonloadfunction【发布时间】：2017-10-1119:42:06【问题描述】：页面完全加载后，我想将活动选项卡更改为选项卡。我的html是：<ulclass="navnav-tab... 查看详情
如何在颤动中固定背景图像的大小和位置？
】如何在颤动中固定背景图像的大小和位置？【英文标题】：Howtofixsizeandpositionofbackgroundimageinflutter?【发布时间】：2021-12-1116:40:45【问题描述】：Widgetbuild(BuildContextcontext)varheight2=AppBar().preferredSize.height;returnScaffold(backgroundColor:Color... 查看详情
如何修复博客主页模糊的拇指？
】如何修复博客主页模糊的拇指？【英文标题】：Howtofixbloggerhomepageblurrythumbs?【发布时间】：2021-03-2309:21:25【问题描述】：几个月前我刚开始学习编程，我定制了我的博客模板以使其看起来像我想要的那样，我成功修复了一些错... 查看详情
移动设备和台式机上的引导卡大小不同
】移动设备和台式机上的引导卡大小不同【英文标题】：BootstrapCardsizedifferentonmobileanddesktop【发布时间】：2021-04-2606:24:32【问题描述】：我的桌面上有引导卡(bootstrap4)，如下所示：我的手机视图是这样的：我的html代码是：<divcl... 查看详情
如何维护引导选项卡上的分页？
】如何维护引导选项卡上的分页？【英文标题】：Howtomaintainpagingonthebootstraptabs?【发布时间】：2017-09-2515:20:02【问题描述】：我的索引中有4个标签。每个都包含一个表格，其中包含有关我数据库中产品的详细信息。我在表格下方... 查看详情
悬停上的 CSS 以影响另一个容器中的元素（引导卡）
】悬停上的CSS以影响另一个容器中的元素（引导卡）【英文标题】：CSSonHovertoaffectelementsinanothercontainer(bootstrapcard)【发布时间】：2019-07-2715:06:45【问题描述】：当我悬停图像时，我正在尝试更改card-body类容器内title和text的颜色...... 查看详情
如何修复自动图像移动
】如何修复自动图像移动【英文标题】：Howtofixautomaticimagemovement【发布时间】：2019-12-0707:47:36【问题描述】：我创建了一个带有淡入淡出的图像幻灯片，它每秒自动循环播放。交叉淡入淡出效果很好，每次图像淡入和旧淡出时，... 查看详情
如何在这些 UIImageViews 之间保持图像的位置和大小不变？
】如何在这些UIImageViews之间保持图像的位置和大小不变？【英文标题】：HowdoIkeepthepositionandsizeofimagesconstantbetweentheseUIImageViews?【发布时间】：2020-01-1216:40:17【问题描述】：如你所见，我有这个霓虹磁带的场景。在界面构建器中，... 查看详情
多个 Google 地图和引导选项卡仅在窗口调整大小时呈现
】多个Google地图和引导选项卡仅在窗口调整大小时呈现【英文标题】：MultipleGoogleMaps&Bootstraptabsonlyrenderingonwindowresize【发布时间】：2016-05-1020:31:58【问题描述】：您好，我有一些引导选项卡和多个谷歌地图。我正在使用带有ACF... 查看详情