![]() The card-group will contain both input-card and result-card. Create the container, then make our card-group.Step 0 : Create HTML structure with Bootstrap classes The project will be divided into 5 steps: ![]() Why not build this project yourself? Build this project for free. Alternatively, you can also use this Boilerplate in your index.html Visit Official Bootstrap 4.6.0 Documentation and copy the CDN link of the CSS and JS Bundle. Open the index.html type doc then press enter, A boilerplate will appear as shown below: This is like the brain of our project, In which we write JavaScript code to make our website work. To add custom CSS styling in our project. In this folder, we'll store all icons and any other media used in our project. Hover the mouse on the sidebar to find the icon for creating new files or foldersĬreate a sub-folder named assets and the following files: index.html, style.css, and script.js. Initially, our workspace will look like this: Try it now! Setting up the project environmentĬreate a new folder named Temperature Converter and open the folder in VScode.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |