Building Data-Driven Web Apps with Pyramid and SQLAlchemy Transcripts
Chapter: Bootstrap and frontend CSS frameworks
Lecture: Buttons and forms
Login or
purchase this course
to watch this video and the rest of the course contents.
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.