html - CSS/Bootstrap div 布局问题

Question

我试图在一个 div 中定位一些元素。

Bootstrap fiddle (点击红色图标后)

Desired end result

您可能会在 Bootply 链接中看到我尝试过的一些事情。通常对于这种情况，我会将图像和文本元素拆分为单独的 Div，并尝试将它们设置为 display:inline-block。

这似乎不起作用，可能是因为我使用的是 Bootstrap ，它有一些适用于所有 Div 的默认样式。或者它可能不起作用，因为我是 CSS 的业余爱好者。

Answer 1

你可以查看我的解决方案Bootstrap fiddle

刚刚通过 Bootstrap 中的图像添加了 pull-left 类，并从 .notification_msg 更改了 css。

<img class="notification_img pull-left" src="http://placehold.it/60x60">

.notification_msg {
填充底部:30px；
border-bottom: 1px solid #D3D3D3;
。