[英]How to pull image to the left on twitter bootstrap modal?
I am using Twitter Bootstrap 2.3 and am having some trouble pulling an image to the left. 我正在使用Twitter Bootstrap 2.3并且在向左拉图像时遇到一些麻烦。 I need to create a comment box for my pictures (done) and lazy load the image (done). 我需要为我的图片创建一个评论框(完成)并延迟加载图像(完成)。 The problem is that I want the picture to be left-aligned related to the comment box. 问题是我希望图片左对齐与评论框相关。 Instead, it's on the top. 相反,它在顶部。 I am using Twitter's bootstrap modal for that. 我正在使用Twitter的bootstrap模式。
Here's a demo of the code: 这是代码的演示:
http://pastebin.com/hjh3pqyN (SO didn't format it correctly) http://pastebin.com/hjh3pqyN(SO没有正确格式化)
Here's the result: 这是结果:
I'd like to have the green selection on the left and the red one on the right, like this: 我想在左侧选择绿色选项,在右侧选择红色选项,如下所示:
|-------------|
| WINDOW |
| |-----|---| |
| |Green|Red| |
| |-----|---| |
|-------------|
Is it possible? 可能吗?
Thanks! 谢谢!
I would rather use built-in features than applying custom CSS to the elements: 我宁愿使用内置功能而不是将自定义CSS应用于元素:
<div class="row-fluid">
<div class="span6">
<!-- left goes here -->
</div>
<div class="span6">
<!-- right goes here -->
</div>
</div>
Inside eg left container, you can apply pull-left or pull-right class to the <img>
to make it algined. 在例如左侧容器内,您可以将拉左或拉右类应用于<img>
以使其分层。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.