Title: Bootstrap form header code breaking WordPress theme
Last modified: August 29, 2018

---

# Bootstrap form header code breaking WordPress theme

 *  [pdaveyt](https://wordpress.org/support/users/pdaveyt/)
 * (@pdaveyt)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/bootstrap-form-header-code-breaking-wordpress-theme/)
 * I am working on a form that was designed with Bootstrap and my website was designed
   with WordPress (tagDIV Newspaper 9).
 * The form looks pretty good when I have the header element and the form HTML inserted,
   but it ends up messing with my WordPress theme’s style.
 * How do I get only the site to look at the formatting (in header section) of the
   bootstrap form for the form itself and not apply it to the rest of the website?
 * I wanted to post here to see if there were any suggestions. I use Insert Headers
   and Footers (plugin) to insert the required header for the boostrap form and 
   here’s the coding used (I put the coding in these pages so they would simply 
   display the coding and not any results):
 * Custom HTML code to be inserted into whenever I used form:
 * [https://www.patricktullytherapy.com/custom-html-for-form/](https://www.patricktullytherapy.com/custom-html-for-form/)
 * contact.php was inserted into the public_html folder of the site:
 * [https://www.patricktullytherapy.com/contact-php-code/](https://www.patricktullytherapy.com/contact-php-code/)
 * For the header:
 * [https://www.patricktullytherapy.com/longer-header-code/](https://www.patricktullytherapy.com/longer-header-code/)
 * I then tried to use a shorter version of the header code, but it ended up not
   working and perhaps affected more of the site:
 * [https://www.patricktullytherapy.com/shorter-header-code/](https://www.patricktullytherapy.com/shorter-header-code/)
   
   Any advice would be welcome.
 * I’m curious if there’s a way to insert the header so the styling only applies
   to the form and doesn’t affect the rest of the website.
 * Thank you very much!
 * Patrick

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Thread Starter [pdaveyt](https://wordpress.org/support/users/pdaveyt/)
 * (@pdaveyt)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/bootstrap-form-header-code-breaking-wordpress-theme/#post-10637944)
 * I wanted to update everyone with a new version of this post since I updated the
   directories of the pages. My apologies:
 * I am working on a form that was designed with Bootstrap and my website was designed
   with WordPress (tagDIV Newspaper 9).
 * The form looks pretty good when I have the header element and the form HTML inserted,
   but it ends up messing with my WordPress theme’s style.
 * How do I get only the site to look at the formatting (in header section) of the
   bootstrap form for the form itself and not apply it to the rest of the website?
 * I wanted to post here to see if there were any suggestions. I use Insert Headers
   and Footers (plugin) to insert the required header for the boostrap form and 
   here’s the coding used (I put the coding in these pages so they would simply 
   display the coding and not any results):
 * Custom HTML code to be inserted into whenever I used form:
 * [https://www.patricktullytherapy.com/test/custom-html-for-form/](https://www.patricktullytherapy.com/test/custom-html-for-form/)
 * contact.php was inserted into the public_html folder of the site:
 * [https://www.patricktullytherapy.com/test/contact-php-code/](https://www.patricktullytherapy.com/test/contact-php-code/)
 * For the header:
 * [https://www.patricktullytherapy.com/test/longer-header-code/](https://www.patricktullytherapy.com/test/longer-header-code/)
 * I then tried to use a shorter version of the header code, but it ended up not
   working and perhaps affected more of the site:
 * [https://www.patricktullytherapy.com/test/shorter-header-code/](https://www.patricktullytherapy.com/test/shorter-header-code/)
   
   Any advice would be welcome.
 * I’m curious if there’s a way to insert the header so the styling only applies
   to the form and doesn’t affect the rest of the website.
 * Thank you very much!
 * Patrick
 *  [HudsonValleyWebDesign](https://wordpress.org/support/users/jaycbrf/)
 * (@jaycbrf)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/bootstrap-form-header-code-breaking-wordpress-theme/#post-10641422)
 * That is not the correct location, order or way to insert Bootstrap into WordPress.
 * The Bootstrap and jQuery should be loaded in the footer and the css in the header.
 * BUT it should be done programmatically in the functions file.
 * [https://developer.wordpress.org/reference/functions/wp_enqueue_script/#jQuery_noConflict_Wrappers](https://developer.wordpress.org/reference/functions/wp_enqueue_script/#jQuery_noConflict_Wrappers)
 * You can conditionally load the scripts and css for bootstrap on just the page
   that has the form.
 * It would be best if you seek assistance from your theme’s developers for customizing
   the theme’s code as Commercial theme’s are not supported in these forums.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Bootstrap form header code breaking WordPress theme’ is closed to new
replies.

## Tags

 * [Coding](https://wordpress.org/support/topic-tag/coding/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [Stylesheet](https://wordpress.org/support/topic-tag/stylesheet/)
 * [twitter bootstrap](https://wordpress.org/support/topic-tag/twitter-bootstrap/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 2 replies
 * 2 participants
 * Last reply from: [HudsonValleyWebDesign](https://wordpress.org/support/users/jaycbrf/)
 * Last activity: [7 years, 7 months ago](https://wordpress.org/support/topic/bootstrap-form-header-code-breaking-wordpress-theme/#post-10641422)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics