我试图在一个 div 中定位一些元素。
Bootstrap fiddle (点击红色图标后)
您可能会在 Bootply 链接中看到我尝试过的一些事情。通常对于这种情况,我会将图像和文本元素拆分为单独的 Div,并尝试将它们设置为 display:inline-block
。
这似乎不起作用,可能是因为我使用的是 Bootstrap ,它有一些适用于所有 Div 的默认样式。或者它可能不起作用,因为我是 CSS 的业余爱好者。
最佳答案
你可以查看我的解决方案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;
。
关于html - CSS/Bootstrap div 布局问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23736701/