Attempt to learn Bootstrap-4 for my class project.
This isnt best Bootstrap code, if you are trying to find but a simple modules to use in your code. Just sharing modules so that you can use to develop a full fledged project.
Shoutout to Thapa Technical
@surelyanushka has made a superb index.html for you all to refer the below contents at one click.
- Typography More ways to represent your text and subjects in better way. Annotations and a lot...
- Grid System Makes formation of Columns and Rows way way easier.
- Table Various added features to existing table of html.
- Forms One up to creating forms and added functionalities.
- Images More ways to display your images on website.
- Cards Card Class Feature.
- Pagination Pages UI to move from one page to another.
- Navbar Responsive Navbar for adjusting to button on small devices.
- Jumbotron A good look home page to display your landing page.
- Carousel Very Simple and Easy Carousel.
- Dropdown Dropdown in NavbarMenu and also to implement other ways.
- Modal Seperate models (just like seperate page)for login and Signup to use.
- Progress Bar Animated You all like to know your progress bootstrap makes it easier.
- List Groups Very Useful to represent list and group it in a very nice way.
- Badge Badges to show off.
- Buttons Various Types of Buttons and creative ways to represent them. Also, Bonus Buttons Groups are introduced.
- Toasts Toasts are a way to alert and inform user about a new feature or completion or updates.
- Tabs Tabs in Bootstrap to provide the best looking distinguished sections on the same page.
- Pills Better version of Tabs with button look like.
- Tooltips Better way to represent link title.
- Popover ToolTips with better UI feels.
You can add your own modules or created Bootstrap4 snippets. I will merge or provide labels to good ones. Just try to keep the file named after the feature. Keep it simple and happy contributing!
I will try to update this until I am learning and dont start working on the actual project.