引导程序：将一个div与另外两个相邻放置
i
我最近开始使用Twitter的Bootstrap。
如何将div（＃3）放在其他两个div（＃1和＃2 ）的旁边，以使右侧的div与其他两个div垂直一样高/大。
到目前为止，我的代码：
<div class="row">
<div class="form-group col-md-8">
<label for="1">1</label>
<input type="text" id="1" class="form-control" placeholder="1">
</div>
<div class="form-group col-md-8">
<label for="2">2</label>
<textarea id="2" class="form-control" rows="10"></textarea>
</div>
<div class="col-md-4">
<img src="http://placehold.it/250x250&text=Map" />
<input type="text" id="geo" class="form-control" placeholder="3">
</div>
</div>
我在这里开始了一个小提琴：http : //jsfiddle.net/2cbuL/6/
错觉
还有一种执行此操作的语义方法（仅在我发现此问题以寻求解决方案时才发布此信息）
首先，您需要了解网格系统的基础知识，然后实现起来非常简单，只需将两个div相邻并排设置，然后在其中一个div内排成两个div。例：
<div class="container">
<div class="row">
<div class="col-lg-6">
</div>
<div class="col-lg-6">
<div class="row">
<div class="col-lg-12">
</div>
<div class="col-lg-12">
</div>
</div>
</div>
</div>
<div>
产生类似：
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何将两个div彼此相邻放置？
- 2
CSS将两个div相邻放置
- 3
使一个div跨越两个相邻的div？
- 4
当第一个div位于两行中时，如何将两个div相邻放置？
- 5
如何在另外两个中间放置一个div以跨越多行，例如表中的rowpan
- 6
如何在引导程序的同一行上放置两个div
- 7
在两个div之间放置一个图标
- 8
如何在引导程序的两列中间居中放置一个方形div？
- 9
Git将一个分支合并为另外两个分支
- 10
将一个文件的部分写入另外两个文件
- 11
在Bootstrap 3中将两个div相邻放置并带有边框？
- 12
如何将两个div标签彼此相邻放置？
- 13
无法将两个div相邻放置，尝试了所有操作
- 14
CSS将两个div相对宽度彼此相邻放置
- 15
如何将两个以圆圈为单位的div相邻放置？
- 16
如何将两个div标签彼此相邻放置？
- 17
将两个tikzpictures彼此相邻放置
- 18
将两个Google Map框架彼此相邻放置
- 19
将div放置在另一个div内，并在两个div之间保持间隔
- 20
将两个DIV（包括其内容）垂直居中放置在另一个父DIV中
- 21
如何将两个div并排放置，其中一个的大小适合放置，另一个占据剩余空间？
- 22
如何从一个div的三个div到连续相邻的两个div？
- 23
如何将两个容器并排放置在引导程序中？
- 24
如何将两个容器并排放置在引导程序中？
- 25
在两个垂直div旁边放置一个div
- 26
html和css在两个固定的div之间放置一个非固定的div
- 27
如何在复杂查询中使用 linq 将一个表连接到另外两个表？
- 28
将对象放置在另外两个对象之间
- 29
并排放置两个div，一个用来拉伸以占据空间
我来说两句