Html 将内容添加到行的右上角区域

在多次尝试使用“向右拉动”、“浮动式”和“行流体”后，我决定在这里提问：

我试图做的只是让一个地图显示在一组行的右侧

下面是它现在的样子：

这离我想要的不太远，但是名称行加上后面的任何行应该显示在彼此的下面

以下是我的HTML的外观：

<div class="panel-body">
    <div class="row-fluid">
        <div class="col-lg-10 pull-right">
            <google-map id="my-map" bounds="map.bounds" events="map.events"
                center="map.center" zoom="map.zoom" draggable="true"
                control="map.control"> <marker ng-if="positionMarker"
                coords="positionMarker" icon="positionMarker.icon"> </marker> </google-map>
        </div>
        <div class="col-lg-4">
            <div class="input-group">
                <span class="input-group-addon">Number</span> <input type="number"
                    class="form-control" placeholder="Nr">
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-6">
            <div class="input-group">
                <span class="input-group-addon">Name</span> <input type="text"
                    class="form-control" placeholder="Name">
            </div>
        </div>
    </div>
</div>

数
名称

我打赌这是一个典型的场景，但我没有找到一个例子

其他使名称显示在数字下方的尝试会将其移动到地图下方

---

是否有可能避免地图在引导网格系统中占用垂直空间

您应该使用2列布局：

• 左栏为您的输入
• 谷歌地图的右栏

另外，记住将

.input组

放入

.form组

中，以将填充/边距设置为引导默认值

下面是一个工作示例（单击整个页面以获得更好的视图）：

正文{
填充顶部：25px；
}
.地图{
宽度：100%；
高度：150像素；
背景：番茄；
}

小组标题
数
名称

你能发一把小提琴吗？我会帮你修好的，你能不能也提供你的

CSS

？@Kyojimaru不使用任何特殊的CSS，仅此而已bootstrap@GusDB这是一张小提琴地图，已经被一颗绿色的boxDa炸弹取代了我只知道一旦找到正确的方法，事情就必须简单。真不敢相信我的任何尝试都没有达到这个组合，呵呵。谢谢，谢谢你提出的改进建议！我可以问一下为什么选择X列-*而不是lg列-*？这只是为了片段目的（它们在一个660像素宽的框中呈现）。