diff --git a/Web_Development/FrontEnd/Bootstrap Border Colours/README.md b/Web_Development/FrontEnd/Bootstrap Border Colours/README.md new file mode 100644 index 0000000000..e386499d07 --- /dev/null +++ b/Web_Development/FrontEnd/Bootstrap Border Colours/README.md @@ -0,0 +1,42 @@ +# Bootstrap Border colours + + +##### What is Bootstrap? +Bootstrap is a open-source CSS based framework. With the help of bootstrap one can make create a website within minutes that is responsive and elegant, It provides readymade,reusable components of the webstructure. + +For styling borders, Bootstrap provides classes that can be used to give colours to the borders. The classes are stated as below:- + +- border border-primary:- Mentioning this class would give you a border with blue colour. +- border border-secondary:- Mentioning this class would give you a border with gray colour. +- border border-success:- Mentioning this class would give you a border with green colour. +- border border-danger:- Mentioning this class would give you a border with red colour. +- border border-warning:- Mentioning this class would give you a border with yellow colour. +- border border-info:- Mentioning this class would give you a border with cyan colour. +- border border-light:- Mentioning this class would give you a border that is light in colour. +- border border-dark:- Mentioning this class would give you a border with black colour. +- border border-white:- Mentioning this class would give you a border with white colour. + +The following source code is a HTML file with the bootstrap classes specified +``` + +
+

Bootstrap Border Colors List

+
+ +``` +The following output displays all the border colours along with their classes:- + +![Capture101](https://user-images.githubusercontent.com/70684116/144068658-8ab99103-931f-4a1f-9120-3dd425e8caeb.PNG) + +References:- [Boostrap Documentation](https://getbootstrap.com/docs/4.0/utilities/borders/#border-color) +