Title: Three columns layout
Last modified: August 30, 2016

---

# Three columns layout

 *  Resolved [bacoskun](https://wordpress.org/support/users/bacoskun/)
 * (@bacoskun)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/three-columns-layout-1/)
 * Dear Author,
 * İs it possible to make three column layout for combobox field for this plugin?
   If yes the truth code what will be done?
 * Forexample my contact form 7 code is given below
    I want to make three column
   layout for combobox field
 * [text* your-name]Name[/text*]
    [email* your-email]Email[/email*] [text your-subject]
   Subject[/text] [textarea your-message]Message[/textarea]
 * <div class=”container”>
    <div class=”col-xs-12 col-sm-4 col-md-4 col-lg-3″>
 * <p>Exp1
    [select* emp1 include_blank “1 adet” “2 adet” “3 adet” “4 adet”]</p>
 * <p>Honey
    [select* honey include_blank “250 gr” “500 gr” “1kg”]</p>
 * <p>Cheese
    [select* cheese include_blank “250 gr” “500 gr” “1kg”]</p>
 * </div>
 * <div class=”col-xs-12 col-sm-4 col-md-4 col-lg-3 col-md-offset-1″>
    <p>Exp1 [
   select* emp1 include_blank “1 adet” “2 adet” “3 adet” “4 adet”]</p>
 * <p>Honey
    [select* honey include_blank “250 gr” “500 gr” “1kg”]</p>
 * <p>Cheese
    [select* cheese include_blank “250 gr” “500 gr” “1kg”]</p> </div>
 * <div class=”col-xs-12 col-sm-4 col-md-4 col-lg-3 col-md-offset-1″>
    <p>Exp1 [
   select* emp1 include_blank “1 adet” “2 adet” “3 adet” “4 adet”]</p>
 * <p>Honey
    [select* honey include_blank “250 gr” “500 gr” “1kg”]</p>
 * <p>Cheese
    [select* cheese include_blank “250 gr” “500 gr” “1kg”]</p> </div> 
   </div>
 * [submit “Gönder”]
 * Thank you
 * [https://wordpress.org/plugins/bootstrap-for-contact-form-7/](https://wordpress.org/plugins/bootstrap-for-contact-form-7/)

Viewing 1 replies (of 1 total)

 *  Plugin Author [Felix Arntz](https://wordpress.org/support/users/flixos90/)
 * (@flixos90)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/three-columns-layout-1/#post-6494902)
 * Hi bacoskun,
 * you have to use custom code to accomplish that, but it should work. I adjusted
   your code from above like that:
 *     ```
       <div class="row">
       <div class="col-xs-12 col-sm-4 col-md-4 col-lg-3">
       [select* emp1 include_blank "1 adet" "2 adet" "3 adet" "4 adet"]Exp1[/select*]
       [select* honey include_blank "250 gr" "500 gr" "1kg"]Honey[/select*]
       [select* cheese include_blank "250 gr" "500 gr" "1kg"]Cheese[/select*]
       </div>
       <div class="col-xs-12 col-sm-4 col-md-4 col-lg-3">
       [select* emp1 include_blank "1 adet" "2 adet" "3 adet" "4 adet"]Exp1[/select*]
       [select* honey include_blank "250 gr" "500 gr" "1kg"]Honey[/select*]
       [select* cheese include_blank "250 gr" "500 gr" "1kg"]Cheese[/select*]
       </div>
       <div class="col-xs-12 col-sm-4 col-md-4 col-lg-3">
       [select* emp1 include_blank "1 adet" "2 adet" "3 adet" "4 adet"]Exp1[/select*]
       [select* honey include_blank "250 gr" "500 gr" "1kg"]Honey[/select*]
       [select* cheese include_blank "250 gr" "500 gr" "1kg"]Cheese[/select*]
       </div>
       </div>
       ```
   
 * Hope this helps!

Viewing 1 replies (of 1 total)

The topic ‘Three columns layout’ is closed to new replies.

 * ![](https://ps.w.org/bootstrap-for-contact-form-7/assets/icon-256x256.png?rev
   =1021147)
 * [Bootstrap for Contact Form 7](https://wordpress.org/plugins/bootstrap-for-contact-form-7/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/bootstrap-for-contact-form-7/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/bootstrap-for-contact-form-7/)
 * [Active Topics](https://wordpress.org/support/plugin/bootstrap-for-contact-form-7/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/bootstrap-for-contact-form-7/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/bootstrap-for-contact-form-7/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Felix Arntz](https://wordpress.org/support/users/flixos90/)
 * Last activity: [10 years, 7 months ago](https://wordpress.org/support/topic/three-columns-layout-1/#post-6494902)
 * Status: resolved