Html 引导弹出窗口3列

我试图用引导程序创建一个弹出窗口。我从模板中修改了一些代码。它应该有3列。第一列图片、第二列文本和第三列是价格和按钮+图标。这将是一个包含几个类似行的列表。这里我只放了一行来简化。页脚将是一些文本。问题是我无法将第三列移动到正确的位置。我尝试了clearfix等。有什么建议吗

请注意，这些代码有几个未解决的问题。请忽略这些事情。这不是第一要务。请提前通知我

自举模态
$（文档）.ready（函数（）{
$（“#myModal”）.modal（'show'）；
});
&时代；
愿望清单

Description.dfdasfjsadfdasldfdslafjlsadfsldfjsdljf
售价6.99美元

立即购买
第1-5页的视图
5.
10

主要是下面的第一条，但这里还有一些其他需要考虑的事情：

您在第二列的标记中遗漏了关键字

class

。这非常重要

您实际上不需要

clearfix

类。如果您将整个内容包装在一个

行中

div，那么它将很好地完成换行操作

列的总数应始终为12-当您有三个

col-lg-3

s时，您将得到左对齐的内容，并且只占模态的3/4

较小屏幕尺寸的列将增加到下一列，因此

col-xs-4 col-sm-4 col-md-4 col-lg-3

与说

col-xs-4 col-lg-3

相同。相同结果所需应用的CSS规则越少越好

在您的示例中，描述中有一个很长的单词，这导致它溢出到下一列中。您可能想通过玩弄

wordwrap

和

text overflow

之类的东西来解释这种情况

$（文档）.ready（函数（）{
$（“#myModal”）.modal（'show'）；
});

自举模态
&时代；
愿望清单


Description.dfdasfjsadfdasldfdslafjlsadfsldfjsdljf

售价6.99美元

立即购买
第1-5页的视图
5.
10
您必须添加一个“行”，而忘记了一个“类=”，您可以删除clearfix



自举模态
$（文档）.ready（函数（）{
$（“#myModal”）.modal（'show'）；
});
&时代；
愿望清单

Description.dfdasf jsadfdasld fdslafjlsadf sldfjsdljf
售价6.99美元

立即购买
第1-5页的视图
5.
10
Tks Ixer，很好，我可以从代码片段中看到结果。：-）