HTML Boostrap-layout

想在bootstrap里分两列，用

<p class="row">
    <p class="col-xs-6"><label >Assignment Due Date</label></p>
    <p class="col-xs-6"><label >Course</label></p>
</p>

在用textarea时，由于row为3行，导致左边select下空出两行

经过如下代码

<p class="row">
    <p class="col-xs-6">
        <select name="Module">
            <option value="#">PHP</option>
            <option value="#">JAVA</option>
            <option value="#">MATH</option>
        </select>
        <p><label >Documents Upload</label></p>这里把label和input都放到和select同
        <input type="file" id="exampleInputFile">一个p里再和textarea的p并列
    </p>
    <p class="col-xs-6">
        <textarea class="form-control" rows="3">
        </textarea>
    </p>

    <p class="col-xs-6">
        <select name="Module">
            <option value="#">PHP</option>
            <option value="#">JAVA</option>
            <option value="#">MATH</option>
        </select>
        <p><label >Documents Upload</label></p>这里把label和input都放到和select同
        <input type="file" id="exampleInputFile">一个p里再和textarea的p并列
    </p>
    <p class="col-xs-6">
        <textarea class="form-control" rows="3">
        </textarea>
    </p>