Hello there, welcome to learning Buddha step four video series. This video series, you will learn about what is the Buddha step how we can make our website responsive according to your needs. You want to make for it to mobile tablet, laptops. In this video we learn about what is the bootstrap utilities. bootstrap utilities. bootstrap for has a lot of utilities helper classes to the quickly style elements without using any CSS code.
There is if the benefit of the bootstrap for the utility game is you advantaged, to use a lot of classes here you can use to quickly without using CSS can make your website design array limits. There is two things mostly we use on our website. One is the border color. Second border readings. This is these are we use on our websites to make our websites according to our needs. Let's check on website.
These are borders. You can see this. See that? We can see these shapes can use without CSS on our booth is step four. And other is borders. You can start to see different colors different size using booth estate for Come let's see how it's work.
Utilities. Here we started. styled dot border red To start display inline block the same 70 pixel height 70 pixel margin at six pixel style clothes had closed body colors. Then start content div container ice to border use the text to color Spain class border border Polish Prime Minister spent close to Spain border border secondary in close Spain border border close success here you success color or danger or warning here info headlight here dark hair white then div close there is a div container from difficult let's check on the browser How are looking these works these You can also makes all same color depending on your niche. Suppose Let me check I'll make one color. Just change warning.
Border after that. Save it. Come on. Take all color are the same. So you can resize it is 670 we might get 90 and outside 90, then check also the reduced replace the size that you To display big size, you can make it according your projects. Let's reduce the size make it 30 suppose 30 and 30 save it or sudden like it's very small and 30 pixels depending on your requirement what color size you want is you can use it is according to your project and requirements.
There is a we come on the circle. Let's first check it How is the circles they can spoil borders and also that follow our colors. style spent display inline block 70 pixel height 70 pixel margin at Excel background they can be used later on color. Then style clothes. Here is the start style. This follows the style of a closed body then start in body.
Div class container. div h2 body paragraph, there is a spin class or rounded spin around the top. Rounded right rounded bottom rounded left rounded circle found at zero. Let's save this. Come on browser and check it. You can see that's both on display in the black color and rounded color.
Top bottom. These are you have checked how you work on this. top right, bottom left circle. If you want to use all these circles, how can you use it that's the strongest circle Just come on Save it. This one is founded. Come on, take a look on displaying on the same size and same circle.
Size and resize this according to your project requirements. Thank you very much for liking and watching our videos. If you have any query related bootstrap our tutorials, you can ask me questions. I will also provide you details, source code off projects. Thank you very much for watching our videos.