To work with Bootstrap, the following are the steps − Download the latest version of Bootstrap from the official website.On reaching the page, click on DOWNLOAD for current version 4.1.1You have two options on clicking Download above,Download Bootstrap − Clicking this, you can download the precompiled and minified versions of Bootstrap CSS, JavaScript, and fonts. No documentation or original source code files are included.Download Source − Clicking this, you can get the latest Bootstrap LESS and JavaScript source code directly from GitHub.

Bootstrap is sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development. It uses HTML, CSS, and JavaScript. Bootstrap developed by Mark Otto and Jacob Thornton at Twitter. It released as an open source product in August 2011 on GitHub.Bootstrap’s responsive design,

The px unit defines a measurement in screen pixels. The following is an example −div {    padding: 40px; }The em unit is a relative measurement for the height of a font in em spaces. Because an em unit is equivalent to the size of a given font, if you assign a font to 12pt, each "em" unit would be 12pt; thus, 2em would be 24pt.The following is an example −p {    letter-spacing: 4em; }The % unit defines a measurement as a percentage relative to another value, typically an enclosing element.p {    font-size: 14pt;    line-height: 80%; }

To implement animation on the word-spacing property with CSS, you can try to run the following code −ExampleLive Demo                    div {             border: 2px solid blue;             background: orange;             animation: myanim 3s infinite;          }          @keyframes myanim {             50% {                word-spacing: 30px;             }         ... Read More

To implement animation on transform property with CSS, you can try to run the following code −ExampleLive Demo                    div {             margin: auto;             border: 2px solid blue;             width: 300px;             height: 400px;             background-color: orange;             animation: myanim 3s;          }          @keyframes myanim {             30% {                transform: rotate(120deg);             }          }                                    Demo          

To implement animation on vertical-align property with CSS, you can try to run the following code −ExampleLive Demo                    img {             vertical-align: 80px;             animation: myanim 3s;          }          @keyframes myanim {             50% {                vertical-align:120px;             }          }                     CSS vertical-align property                        This is demo text. This is demo text. This is demo text. This is demo text.          

The CSS rest-after property is useful for speech media to set pause after an element.The following is the syntax −rest-after: | none | x-weak | weak | medium | strong | x-strongHere, x-weak | weak | medium | strong | x-strong is the rest by the strength of pauseLet us see an example of rest-after speech media property −h1 {    rest-after: 15ms; }The time sets the pause in milliseconds.

To implement animation on top property with CSS, you can try to run the following code −ExampleLive Demo                    div {             position: absolute;             width: 300px;             height: 200px;             background-color: orange;             color: white;             top: 0;             animation: myanim 3s infinite;          }          @keyframes myanim {             30% {                top: 300px;             }          }                     CSS top property                This is demo text!          

To implement animation on text-decoration property with CSS, you can try to run the following code −ExampleLive Demo                    #demo {             position: absolute;             right: 0;             width: 300px;             height: 200px;             background-color: blue;             text-decoration: underline;             animation: myanim 3s infinite;          }          @keyframes myanim {             30% {                right: 350px;                text-decoration-color: orange;             }          }                     CSS text-decoration-color property                This is demo text.          

To implement animation on perspective-origin property with CSS, you can try to run the following code −ExampleLive Demo                    #demo1 {             position: relative;             margin: auto;             height: 250px;               width: 350px;             padding: 10px;             border: 2px solid orange;             perspective: 125px;             animation: myanim 3s infinite;          }          @keyframes myanim {             70% {                perspective-origin: 5px 30%;             }          }          #demo2 {             padding: 70px;             position: absolute;             border: 2px solid black;             background-color: blue;             color: white;             transform: rotateX(30deg);          }                     CSS perspective-origin property       This is demo text in div1.          This is demo text in div2.