I have to wrap the text for each link inside a span tag that had data-bs- attributes in order to make the flyout menu disappear when you click on a link!
For more info
Do some research on the Bootstrap website. You may find these two pages to be particularly useful:
After doing some research, apply Bootstrap classes to the table and form elements below. Feel free to re-arrange the HTML that I've used to set up the table and form. You may add additional HTML elements to the table and form as you see fit.
Make sure to include a few icons in both the table and the form.
The table and form should be 'responsive', so make sure to test the page at various screen sizes.
First Name | Last Name | Role | Active | ||
---|---|---|---|---|---|
Bob | Smith | bob@smith.com | Admin | Yes | |
Betty | Smith | betty@smith.com | Standard User | Yes | |
Barney | Smith | barney@smith.com | Standard User | No |