bootstrap文本区域从中心开始

Question

我有这个带引导程序的表单，其中有一个文本区域，其中文本从中间开始。我刚刚复制了默认设置，尝试了很多东西从初始位置启动文本但没有工作，

<form name="messageform" action="" method="POST" id="messageform">


                    <div class="small-10 columns">
                        <label style="color:black;"> Subject*</label>
                        <input class="span12" type="text" name='subject' id="subject" placeholder="Enter your email subject" data-toggle="tooltip" title="Input Message Subject between 10 to 80" data-validation-required-message="Please enter subject"  required>

                    </div>

                    <div class="small-10 columns" style="margin-top:15px;">
                        <label style="color:black;"> Email Content*</label>
                        <textarea class="form-control span12" name="content" id="content" rows="10" cols="100" placeholder="Enter your email content" data-validation-required-message="Please enter your message" minlength="5"
              data-validation-minlength-message="Min 5 characters" data-toggle="tooltip" title="Input Message Content between 50 to 500" required></textarea>                    </div>
                    <div class="small-10 columns" style="margin-top:15px;">
                        <label style="color:black;"> Reply Email Address*</label>
                        <input class="span8" type="email" name="reply_email" class="form-control" id="reply_email" placeholder="Enter email" required>
                    </div>

                    <div class="small-6 columns" style="margin-top:15px;">
                        <input type="submit" value="Send" class="btn btn-success" data-toggle="tooltip" data-placement="top" title="Send the Message" id="_send" name="_send">&nbsp;&nbsp;
                        <input type="reset" value="Cancel" class="btn btn-danger" data-toggle="tooltip" data-placement="top" title="Send the Message" id="_cancel" name="_cancel">
                        <input type="hidden" name="action" id="action">
                    </div>
                    <div class="small-6 columns" style="margin-top:15px;">
                        <input type="hidden" name="emails[]" id="emails" value="">
                    </div>
                    {% if form.errors %}
                    <p class="error">Sorry, please input the required text...</p>
                    {% endif%}
                    <div class="small-6 columns">

                    </div>
                </form>


$('#messageform').validate({
        rules: {
            subject: {
                minlength: 10,
                required: true
            },
            content: {
                minlength: 10,
                required: true
            },
            reply_email: {
                required: true
                email: true
            }
        },
        highlight: function (element) {
            $(element).closest('.control-group').removeClass('success').addClass('error');
        },
        success: function (element) {
            element.text('OK!').addClass('valid')
                .closest('.control-group').removeClass('error').addClass('success');
        }
    });