Learn how to create great looking, responsive forms using Bootstrap 3. Make the most out of your forms by using jQuery form selectors, events and methods. This course covers Bootstrap form styling, jQuery validation, data binding to forms, third party form controls, autocomplete and touches upon server side processing of forms.
Mark started in the developer world over 25 years ago. He began his career with a Bachelor of Science in Computer Science from St. Johns University. After spending 10 years on Wall Street working for Goldman Sachs, Lehman Brothers and other major investment banks, Mark became interested in animation and video game software.
Bootstrap 3 Form Layout and Styling Welcome to this module titled Bootstrap 3 Form Layout and Styling. Bootstrap 3 makes building great-looking and responsive forms very easy. In this module, we're going to use Bootstrap's 12-colum grid to lay out several different types of forms. First we'll take a standard HTML form and apply Bootstrap 3 to it. We'll see how to lay out labels horizontally next to their associated fields. We'll place a form in a single column of a website and get a form to show up in a Bootstrap modal window. We'll create an inline form, which is usually used to sign into a website, and we'll add field sets to our form, and have it display within two columns. The module wraps up by showing other styling features for Bootstrap 3 forms, such as showing indicators for form validation states using using different sized text boxes and controls, and disabling form controls and field sets. Along the way, we'll make sure each type of form is responsive. We'll make sure our forms fit well on any device, from a small smart phone, to a larger tablet, to a full-size monitor.