Found 641 Articles for CSS Framework

Create two unequal columns with Bootstrap Grid Layout

Lakshmi Srinivas
Updated on 12-Jun-2020 19:06:12

629 Views

To create two unequal columns with Bootstrap Grid Layout, you can try to run the following codeExampleLive Demo           Bootstrap Example                                          Bootstrap Grid Unequal Columns                       Column One             Column Two                    

How to use Bootstrap Affix Plugins

Nancy Den
Updated on 12-Jun-2020 19:08:01

276 Views

The affix plugin allows a to become affixed to a location on the page. You can also toggle it's pinning on and off using this plugin.The affix plugin toggles between three classes, each representing a particular state − .affix, .affix-top, and .affix-bottom. Follow the below steps to set your CSS for either of the above usage options.To start, the plugin adds .affix-top to indicate the element is in its top-most position. At this point, no CSS positioning is required.Scrolling past the element you want affixed should trigger the actual affixing. This is where .affix replaces .affix-top and sets position: ... Read More

How to use Bootstrap Carousel Plugins

George John
Updated on 12-Jun-2020 19:07:23

185 Views

You can try to run the following code to implement carousel plugins in Bootstrap −ExampleLive Demo           Bootstrap Example                                                                                                                                                                                                                                                                            ‹          ›          

Show dangerous action on a table row with Bootstrap

Monica Mona
Updated on 12-Jun-2020 19:09:23

82 Views

Use the .danger class in Bootstrap to show dangerous action for a table rowExampleLive Demo           Bootstrap Example                                          Rank of Cricketers          The following are the rank of cricketers:                                                         Cricketer                   Rank                                                                           Virat                   1                                                   David                   2                                                   Rohit                   3                                                   Kenn                   4                                                   Steve                   5                                                

Add large shadow to an element in Bootstrap 4

Jennifer Nicholas
Updated on 12-Jun-2020 19:10:33

143 Views

Use the .shadow-lg class in Bootstrap to add large shadow to an elementYou can try to run the following code to implement .shadow-lg class −ExampleLive Demo           Bootstrap Example                                                      Learning          Learn Tutorials for free          Try programming examples          Play Quiz and check your knowledge          

Create three unequal Columns with Bootstrap grid layout

Chandu yadav
Updated on 12-Jun-2020 19:12:12

538 Views

To create three unequal columns in Bootstrap, you can try to run the following code −ExampleLive Demo           Bootstrap Example                                          Bootstrap Grid Unequal Columns                       Column One             Column Two             Column Three                    

Allow a label to be used for form validation with Bootstrap

Samual Sam
Updated on 12-Jun-2020 19:13:27

194 Views

Use the .control-label class in Bootstrap to allow a label to be used for form validation.You can try to run the following code to implement the control-label class in BootstrapExampleLive Demo           Bootstrap Example                                                                      Email-                                   amit@demo.com                                                

Group buttons on a single line with Bootstrap

Krantik Chavan
Updated on 12-Jun-2020 19:14:50

3K+ Views

Use the .btn-group class in Bootstrap to group buttons on a single like.You can try to run the following code to implement .btn-group class in Bootstrap:ExampleLive Demo           Bootstrap Example                                 The following are the car brands:                BMW          Audi          Jeep          Datsun          Toyota          Mahindra          

Usage of Bootstrap Modal Plugins

Rishi Rathor
Updated on 12-Jun-2020 18:50:44

240 Views

A modal is a child window that is layered over its parent window. Typically, the purpose is to display content from a separate source that can interact without leaving the parent window. Child windows can provide information, interaction, or more.Toggle the modal plugin's hidden content −Via data attributes − Set attribute data-toggle = "modal" on a controller element, like a button or link, along with a data-target = "#identifier" or href = "#identifier" to target a specific modal (with the id = "identifier") to toggle.Via JavaScript − Using this technique you can call a modal with id = "identifier" with ... Read More

Container for embedded content in Bootstrap

Lakshmi Srinivas
Updated on 12-Jun-2020 18:44:00

331 Views

Use the .embed-responsive class in Bootstrap to set a container for embedded content.You can try to run the following code to implement the .embed-responsive class in BootstrapExampleLive Demo           Bootstrap Example                                          Add pages in WordPress          To add pages on a WordPress, try the below given steps in the video:                                          

Advertisements