Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
To set an outline on a button that indicates danger, you need to use the btn-outline-danger class in Bootstrap.Set the outline in the element − Danger Ahead You can try to run the following code to implement the btn-outline-danger class −ExampleLive Demo Bootstrap Example Danger Button Danger Ahead
Use the border-primary class to set a blue border to an element.For a blue border, add the class, as if you add it for or any other element − Let us see an example to set a blue border −ExampleLive Demo Bootstrap Example .demo { width: 350px; height: 170px; margin: 10px; } Demo Heading This rectangle has blue border
Remove the right border from an element; use the border-right-0 class.To remove the border − Rectangle is not having the right border. You can try to run the following code to implement the border-right-0 class −ExampleLive Demo Bootstrap Example .mystyle { width: 350px; height: 170px; margin: 10px; } Heading Two Rectangle is not having the right border.
Use the flex-nowrap class in Bootstrap 4 to avoid wrapping the flex items.Here you can see the difference between wrap and nowrap −Above the flex-items are not wrapped. This is achieved using the flex-nowrap class in Bootstrap 4 − One Two Three Four Five Six Seven Eight Nine The following is an example to avoid wrapping flex items −ExampleLive Demo Bootstrap Example FLEX WRAP AND NOWRAP Flex items will wrap One Two Three Four Five Six Seven Eight Nine Flex items won't wrap One Two Three Four Five Six Seven Eight Nine
To set rounded left corners to an element, use the rounded-left class in Bootstrap 4.Use the class on any element like − We have also included the one class to style our −.one { width: 200px; height: 100px; background-color: maroon; margin: 8px; }Let us see an example to implement the rounded-left class −ExampleLive Demo Bootstrap Example .one { width: 200px; height: 100px; background-color: maroon; margin: 8px; } Rounded Corner We have two rectangles with left rounded corner:
If you have binary numbers as strings, you can convert them to ints first using int(str, base) by providing the base as 2. Then add the numbers like you'd normally do. Finally convert it back to a string using the bin function. For example,a = '001' b = '011' sm = int(a,2) + int(b,2) c = bin(sm) print(c)This will give the output:0b100
The flex-*-nowrap class works like flex-no-wrap class to avoid wrapping of flex items.However, if you want to avoid wrapping on different screen sizes, then use the flex-*-no-wrap class like −flex-lg-nowrap: Avoid wrapping on large screen sizeflex-sm-nowrap: Avoid wrapping on small screen sizeflex-md-nowrap: Avoid wrapping on medium screen sizeThe following is an example to implement the flex-*-nowrap class −ExampleLive Demo Bootstrap Example Flex items will wrap One ... Read More
Use the .align-items-stretch class to stretch single rows of items in Bootstrap 4.To stretch single rows of items −
The hide.bs.tab fires when the tab is about to be hidden in Bootstrap.Fire the hide.bs.tab and generate the alert before the modal is hidden −$('.nav-tabs a').on('hide.bs.tab', function(e){ alert('Previous tab will hide now!'); });The first tab is the active tab and fade in property is also set − Home This is demo text! You can try to run the following code to implement the hide.bs.tab event −ExampleLive Demo Bootstrap Example ... Read More
To align gathered items at the end on different screens in Bootstrap 4, use the .align-content-*-end class.Align the gathered items on different screen sizes as shown below −Small Screen One Two Three Four Five Large Screen One Two Three Four Five You can try to run the following code to implement the align-content-*-end class in Bootstrap 4 −ExampleLive Demo Bootstrap Example Example ... Read More