Html 更改浏览器大小时无法阻止文本重新定位

我正在尝试建立一个动物卡网页。我可以阻止帧div调整大小。但是如何阻止div中的文本重新定位呢。 下面是我的网页在调整大小前后的快照

调整大小后：

我试着找了很多这个。尝试将我的整个身体内容放在一个div中以固定宽度。下面是我的代码：

.名片架{ 边框：实心； 边界半径：5%； 文本对齐：居中； 左缘：30%； 保证金权利：30%； 背景颜色：灰色； 边缘顶部：10px； 位置：绝对位置； 最小宽度：539px； 盒影：0.80px灰色； } 图像大小{ 高度：160px； 宽度：160px； 自对准：居中； 边缘顶部：30px； /*边框：实心rgba0,0,0,5*/ 边界宽度：厚； 盒影：0.80px黑色； } .资讯内容{ 边缘顶部：20px； 位置：相对位置； 宽度：80%； 显示：内联块； 边框样式：隐藏； 边界半径：5%； 背景色：RGB240230140； 盒影：0 0 80像素RGBA240230140.5； } .info{ 字体大小：20px； 宽度：固定； /*文本阴影：0 0 30px rgba0,0,0,5*/ } .线路{ 左缘：5%； 保证金权利：5%； } 如果{ 字体大小：25px； 文本阴影：0 0 30px rgba0,0,0,5； } 事实{ 字体大小：20px； } 事实描述{ 字体大小：12px； } .listContent{ 字体：斜体； 字体大小：粗体； 文本对齐：左对齐； 列表样式类型：无； } 列表项{ 字体大小：30px； 文本阴影：0 0 30px rgba0,0,0,5； } 动物卡 姓名：

年龄：

品种：

伯菲

2年

帕格

有趣的事实

哈巴狗是古老的品种

由于哈巴狗的血统可以追溯到很久以前，它们的早期历史有点模糊。大多数人认为，该品种起源于中国，存在于公元前400年之前，被称为或至少与一种名为lo sze的品种有密切关系。佛教僧侣把狗作为宠物养在西藏寺庙里

为哈巴狗买东西

食物和水碗 蒸汽清洁器 衣领和/或安全带 婴儿/狗门 步行带 哈巴狗T恤 去屑刷 对待

由@Gaurav Thantry创建

只需将.info元素上的col-md-6更改为col-6。这与col-xs-6相同。这将确保所有设备都有两列，从超大屏幕到超大屏幕。 有关更多信息，请参阅此处：

您正在使用的.col-md-6使其仅在中型和大型屏幕上显示两列。如果您总是希望键/值并排排列，请尝试使用col-xs-6或col-sm-6。您正在使用的css框架文档将有更多关于网格的详细信息，以及它们用于在特定屏幕大小下应用特定宽度的类

---

有关任何其他引导相关问题的参考，请参见。

Hi@SidTheBeard。成功了。请将此作为答案发布。刚刚发布，很高兴我能提供帮助。请注意，有时使用bootstrap，您可以使用pull left或pull right类强制定位，但在这种特定情况下可能不是最好的。