как переместить содержимое внутри столбца начальной загрузки вправо или влево?

#css #twitter-bootstrap #alignment #contact-form

#css #twitter-bootstrap #выравнивание #контактная форма

Вопрос:

Я создал контактную форму, где (col-md-6) для имени, адреса электронной почты и (col-md-6) для текстовой области сообщения.Но я хочу знать, как выровнять поля ввода по правому краю, а поле ввода сообщения выровнять по левому краю.Пример…Я хочу, чтобы это выглядело так.

                      (col-md-6)  (col-md-6)
                           Name  Message
                xxxxxxxxxxxxxxx  xxxxxxxxxxxxxxxxxxxxxxxx
                                 xxxxxxxxxxxxxxxxxxxxxxxx
                          Email  xxxxxxxxxxxxxxxxxxxxxxxx
              xxxxxxxxxxxxxxxxx  xxxxxxxxxxxxxxxxxxxxxxxx

                             <SUBMIT>

Когда я пытаюсь выровнять текст, только текст выравнивается по правому краю..Но не поля ввода..Кто-нибудь может мне помочь.

 <div class="row">

  <div class="col-md-6">

    <div dir='rtl'>
      <label for="senderName">Name<span> * </span> 
      </label>
      <br>
      <input class="form-control" id="senderName" tabindex="1" type="text" name="senderName" required>
    </div>


    <label for="senderNumber">Phone<span> * </span> 
    </label>
    <br>
    <input class="form-control" id="senderNumber" tabindex="2" type="number" name="senderNumber" maxlength="15" minlength="10" required>




    <label for="senderEmail">Email<span> * </span>
    </label>
    <br>
    <input class="form-control" id="senderEmail" tabindex="3" type="email" name="senderEmail" required>


  </div>

  <div class="col-md-6">

    <label for="senderComments"><span class="special">Your Message</span>
    </label>
    <br>
    <textarea class="form-control" id="senderComments" tabindex="4" name="senderComments" rows="6"></textarea>

  </div>
</div>

Ответ №1:

Вы можете использовать атрибут dir:

 <div dir='rtl'>   //rtl = right to left , dir = direction 

<span>name:</span>
<input type="text">
      .
      .
      .
      .
</div>

1. Это мой текущий div для name <label for=»senderName»>Name <span>*</span> </label><br> <input class=»form-control» id=»senderName» tabindex=»1″ type=»text» name=»senderName» требуется> Но я завернул, как тысказал, это не работает…

2. не могли бы вы отредактировать свой вопрос выше, добавив код <from>, пожалуйста?

3. Ооо .. извините. Это работает.. В моем css было свойство margin, которое не позволяло вводу перемещаться вправо… Но после уменьшения размера экрана, как сделать так, чтобы поле ввода было в центре …? Должен ли я использовать правило css @media?

4. Просмотр вашего кода упростит мне задачу.

5. вы можете использовать сеточную систему начальной загрузки (col- *- *) вместо правила @media