Building Data-Driven Web Apps with Pyramid and SQLAlchemy Transcripts
Chapter: Bootstrap and frontend CSS frameworks
Lecture: Buttons and forms
0:00 Another really visible aspect of Bootstrap
0:02 is buttons and related to that, forms.
0:05 So let's look at that.
0:07 Here's wistia.com, the signup form
0:10 where you create your account on Wistia.
0:12 Now Wistia's like a video hosting company
0:14 I don't use them really for anything
0:16 but they're a pretty cool company
0:17 and this is a decent login page.
0:19 It's kind of nicely styled and somewhat unique.
0:22 And notice, there's a couple of buttons here.
0:24 We have a button down at the bottom
0:27 which is going to submit this form
0:29 and in html, there's actually angle bracket button.
0:33 Probably has type equals submit, something like that.
0:35 So this is actually the button
0:37 that html itself knows will submit the form.
0:40 Up here, we also have a button.
0:42 But that's not actually a button, it's just a hyperlink.
0:45 These could look exactly the same
0:47 or they could look slightly different
0:48 like they have them here.
0:49 But the idea is, we have this concept of a button.
0:52 I click on this big thing and it does button-like stuff.
0:55 It does some action.
0:56 Whether or not that's buttons or links
0:58 in html, it doesn't really matter.
1:02 My rule of thumb is: it's a button if it submits a form
1:05 otherwise it's a link; pretty much is the way it goes.
1:08 But the visual aspect and the conceptual aspect of button
1:12 and whether or not it's a button or hyperlink
1:15 those are separate
1:16 and Bootstrap lets you easily style them in that way.