如何在bootstrap中创建一个2列视图，顶部有大textarea [英] How to build a 2 column view in bootstrap with large textarea on top

问题描述

>

，我试图构建一个视图像在添加的pic.I希望构建一个视图（显示形式）与2列，看起来像附加的图片。我有一个2列输入形式，看起来像这样已经，但我不知道使用什么元素来构建视图。我使用输入形式的输入元素。我希望它有如下的布局：

Hi everyone, I am trying to build a view like in the added pic.I would like to build a view ( display form ) with 2 columns that looks like the attached picture. I have a 2 column input form that looks like this already, but I'm not sure what elements to use to build the view with. I used input elements for the input form. I'd like it to have a layout like:

       textbox

field1           field2

field3          field4

HTML应该是什么样子来构建我正在寻找的视图？

What should the HTML look like to build the view I'm looking for?

提前感谢，

比尔

推荐答案

使用网格大小类（ .span1 到 .span12 ）：

Use the grid sizing classes (.span1 to .span12):

<div class="container">
    <div class="controls">
        <textarea class="span12" type="text"></textarea>
    </div>
    <div class="controls controls-row">
        <input class="span6" type="text"/>
        <input class="span6" type="text"/>
    </div>
    <div class="controls controls-row">
        <input class="span6" type="text"/>
        <input class="span6" type="text"/>
    </div>    
</div>

DEMO 。

​DEMO.

这篇关于如何在bootstrap中创建一个2列视图，顶部有大textarea的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！