Limit Bootstrap to form?

195 views
Skip to first unread message

M1KFB

unread,
Sep 12, 2012, 1:39:54 PM9/12/12
to php-form-bu...@googlegroups.com
Is there a quick way it's messing with my site?

danneedham

unread,
Dec 28, 2012, 10:28:20 AM12/28/12
to php-form-bu...@googlegroups.com
I acheived this by turning bootstrap off completely. Downloading only the form section from the bootstrap website and including that as a stylesheet on my pages:

In your forms code: 
$form->configure(array("prevent" => array("bootstrap")));

Go to http://twitter.github.com/bootstrap/customize.html  and select only the form section. And upload to your website.

Let me know how you get on!

gilligoon

unread,
Jan 15, 2013, 2:02:32 PM1/15/13
to php-form-bu...@googlegroups.com
Customize, Choose Forms & Alerts (Base CSS) and Close Icon (Miscellaneous) if you want to use jquery validation and display alerts. You may still need to CSS !important override some input styling.

e.g.

#cse-search-box, .searchbox {
padding: 0 !important;
border: 0 !important;
font-size: 100% !important;
font: inherit !important;
height: 14px  !important;
webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
border: none !important;
outline:  none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow:  none !important;
box-shadow:  none !important;
line-height: inherit !important;
Reply all
Reply to author
Forward
0 new messages