如何将图像水平放置在文本框旁边?

时间:2017-03-25 00:36:14

标签: twitter-bootstrap

我试图通过在水平文本框旁边放置图片来复制下面屏幕截图中的此布局。数字三和四是图像,六和五是文本。

我应该使用哪个文字?

DynamicJsonObject tagObj = new DynamicJsonObject();
tagObj["_ref"] = tag._ref;
tagArray.Add(tagObj);

在我必须在正确的位置发短信后,如何将图像放在左侧,如下图所示?

enter image description here

1 个答案:

答案 0 :(得分:0)

看起来您正在使用引导程序,因此请充分利用行和列:

<div class="row">
    <div class="col-xl-4"> Image box 3</div>
    <div class="col-xl-8"> Text box 6</div>
</div>
<div class="row">
    <div class="col-xl-4"> Image box 4</div>
    <div class="col-xl-8"> Text box 5</div>
</div>

有关bootstrap使用的网格系统的更多信息:

https://v4-alpha.getbootstrap.com/layout/grid/