Join Jen Kramer for an in-depth discussion in this video Including a text input and styling it with a grid, part of Bootstrap 3: Adding Interactivity to Your Site.
…For this last part of the course we're going to build a contact form…for the Landon Hotel website, and I've given you a starting document for this.…It's called contact.html.…Show you where it is in Sublime Text in just a moment, but I…first wanted to point you to Joe Marini's great course, HTML5: Web Forms in Depth.…This is an area of HTML that some people may not necessarily…be that familiar with, is how to code a form from scratch.…And if you don't know how to code a form from scratch, but you'd like…to learn more, this would be a great course for you to take a look at.…
All of the form styling aspects that I am going to be…talking about here are all included…in Bootstrap's standard documentation at getbootstrap.com.…If you click on the link for CSS and then…scroll down to the Forms area portion of this webpage,…this will talk you through how to lay out all…kinds of different form elements in all kinds of different ways.…I'm going to give you a taste of what's here, but…there's a lot more of that's here and I'd encourage…
Author
Released
6/5/2014Need help getting Bootstrap up and running? Check out Bootstrap 3 Essential Training.
- Installing Bootstrap 3, Sublime Text 2, and jQuery
- Planning the thumbnail gallery
- Creating modal windows
- Creating an image carousel
- Linking images and adding captions
- Changing the carousel rotation
- Laying out and styling a contact form
Skill Level Beginner
Duration
Views
Related Courses
-
CSS with LESS and Sass
with Joe Marini1h 57m Intermediate -
Learning Foundation 5
with Jen Kramer2h 59m Beginner
-
Introduction
-
Welcome51s
-
Using the exercise files1m 8s
-
-
1. Setting Up
-
Installing Sublime Text 21m 14s
-
Installing Bootstrap 34m 54s
-
Installing jQuery3m 46s
-
-
2. Creating a Thumbnail Gallery with Modal Pop-Ups
-
Creating the modal windows9m 32s
-
3. Creating an Image Carousel for the Homepage
-
Adding carousel navigation4m 25s
-
4. Creating Forms
-
Challenge: Styling the form1m 22s
-
Solution: Styling the form3m 22s
-
Conclusion
-
Next steps54s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Including a text input and styling it with a grid