/CSS/Bootstrap/How to print background bootstrap

How to print background bootstrap

Bootstrap background color

<div class="p-3 mb-2 bg-primary text-white">.bg-primary</div>
<div class="p-3 mb-2 bg-secondary text-white">.bg-secondary</div>
<div class="p-3 mb-2 bg-success text-white">.bg-success</div>
<div class="p-3 mb-2 bg-danger text-white">.bg-danger</div>
<div class="p-3 mb-2 bg-warning text-dark">.bg-warning</div>
<div class="p-3 mb-2 bg-info text-white">.bg-info</div>
<div class="p-3 mb-2 bg-light text-dark">.bg-light</div>
<div class="p-3 mb-2 bg-dark text-white">.bg-dark</div>
<div class="p-3 mb-2 bg-white text-dark">.bg-white</div>

Source: getbootstrap.com

Change bootstrap background color

<style type="text/css">
   body { background: navy !important; } /* Adding !important forces the browser to overwrite the default style applied by Bootstrap */
</style>

Source: stackoverflow.com

How to print background bootstrap

@media print{
   body { 
     background: red !important; 
  } 
}

Bootstrap custom background color

Write a function xor that takes two Boolean values. If both values are different, the result should be true. If both values are the same, the result should be false.

Similar codes

3 votes350 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS Bootstrap
0 vote346 views1 answer
How to make bootstrap cards same height css trics
CSS Bootstrap
120 votes396 views3 answers
React import bootstrap css file
CSS Bootstrap
0 vote352 views2 answers
How to assign bootstrapswitch using jquery
Javascript Bootstrap
0 vote350 views1 answer
Shadow on hover class on card bootstrap
CSS Bootstrap
0 vote315 views3 answers
Choose file bootstrap show filename
Javascript Bootstrap
2 votes322 views1 answer
Bootstrap dark mode
CSS Bootstrap
24 votes348 views5 answers
Open bootstrap modal with javascript
Javascript Bootstrap
8 votes340 views3 answers
Bootstrap 4 center image
CSS Bootstrap
116 votes354 views6 answers
Bootstrap react
Javascript Bootstrap