Skip to main content

Posts

Showing posts with the label Bootstrap

Creating a Login Form Using Bootstrap and HTML - Front End

Login Form UI Introduction: In this post, you will get an idea how to create a Login User Interface with the help of a popular Front End Web Framework named Bootstrap. Steps: Open up a text editor and save the file with extension '.html'. Type it out with the basic HTML code. Add Bootstrap CDN between the opening and close <head> tags. You can get the Bootstrap from the Bootstrap website here . It will be somewhat like the snippet below. Now add some custom styles just before the closing head tag. We are using -webkit-linear-gradient for chrome only, you can add -moz-linear-gradient and include the same color parameters to it. Let's come to <body> tag and edit it.  First creating a card using bootstrap class called 'card'. Go to Bootstrap's website documentation for further details. Then refer to the code as follows: We are done and the final code will be look like this: Conclusion: We have created th...

Introduction to Bootstrap | A front-end web development framework

What is Bootstrap? BootStrap Logo Bootstrap is a free front-end framework for faster and easier web development. Bootstrap includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels and many other, as well as optional JavaScript plugins. Bootstrap also gives you the ability to easily create responsive designs. Why Use Bootstrap 4? Advantages of Bootstrap 4: Easy to use : Anybody with just basic knowledge of HTML and CSS can start using Bootstrap 4 Responsive features : Bootstrap's responsive CSS adjusts to phones, tablets, and desktops Mobile-first approach : In Bootstrap 4, mobile-first styles are part of the core framework Browser compatibility : Bootstrap 4 is compatible with all modern browsers (Chrome, Firefox, Internet Explorer 10+, Safari, and Opera) How to use Bootstrap 4? Bootstrap is an open source toolkit for developing with HTML, CSS, and JS which means its free to ...