Answers.Body: <p>Ah that’s because your base theme is a bootstrap theme. Some CSS edits are required to mold the form into two columns.</p>
  
  <p>Here's an example (if your node id=96:</p>
  
  <pre><code>@media only screen and (min-width : 767px) {
    #webform-client-form-96 fieldset {
      width: 46%;
    }
  }
  </code></pre>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2018-08-29T02:32:31.193Z
Answers.Text: Karin, is there some css that should be added to the webform-layout module to accommodate bootstrap?
Answers.UserDisplayName: Coleman
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2018-08-29T13:29:11.177Z
Answers.Text: It would be nice if we could find a way to generalize that CSS I referenced above
Answers.UserDisplayName: KarinG - Semper IT
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2018-08-29T13:32:32.603Z
Answers.Text: Or other CSS that unsets the width:100%
Answers.UserDisplayName: KarinG - Semper IT
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2018-08-27T19:04:18.473Z
Answers.LastActivityDate: 2018-08-27T20:38:45.417Z
Answers.LastEditDate: 2018-08-27T20:38:45.417Z
Answers.UserDisplayName: KarinG - Semper IT
Body: <p>Not sure if I'm missing a step here, I am trying to set up an event registration with webform. For previous set ups the layout box has worked to have two columns, but for this one it isn't. The setting doesn't seem to matter, it's showing the information as vertical instead of horizontal. I am using Drupal 7, CiviCRM 5.3.1, and webform version 7.x-4.17.</p>
  
  <p><a href="https://i.sstatic.net/BvnRr.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/BvnRr.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.sstatic.net/tmKsC.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/tmKsC.png" alt="enter image description here"></a></p>
  
Tags: <webform-civicrm>
Title: Webform layout box not working?
ThreadText: # Webform layout box not working?
  
  (Asked by: username_0 on 2018-08-27)
  
  Not sure if I'm missing a step here, I am trying to set up an event registration with webform. For previous set ups the layout box has worked to have two columns, but for this one it isn't. The setting doesn't seem to matter, it's showing the information as vertical instead of horizontal. I am using Drupal 7, CiviCRM 5.3.1, and webform version 7.x-4.17.
  
  [![enter image description here](https://i.sstatic.net/BvnRr.png)](https://i.sstatic.net/BvnRr.png)
  
  [![enter image description here](https://i.sstatic.net/tmKsC.png)](https://i.sstatic.net/tmKsC.png)
  
  **Tags:** webform-civicrm
  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_1 on 2018-08-27. Score: 2 | Accepted answer
  
  Ah that’s because your base theme is a bootstrap theme. Some CSS edits are required to mold the form into two columns.
  
  Here's an example (if your node id=96:
  
  ```
  @media only screen and (min-width : 767px) {
    #webform-client-form-96 fieldset {
      width: 46%;
    }
  }
  
  ```
  
  > **Comments:**
  > **username_2**: Karin, is there some css that should be added to the webform-layout module to accommodate bootstrap?  
  > **username_1**: It would be nice if we could find a way to generalize that CSS I referenced above  
  > **username_1**: Or other CSS that unsets the width:100%  
  
  ---
  
  