Lakshmi Srinivas has Published 315 Articles

Bootstrap list-group-item class

Lakshmi Srinivas

Lakshmi Srinivas

Updated on 12-Jun-2020 19:33:33

311 Views

Use the list-group-item class to add an item to each element in the list group.You can try to run the following code to implement the list-group-item classExampleLive Demo           Bootstrap Example                                 Tools       The following are the tools:                Online Compiler          Image Editor          Image Optimizer          Whiteboard          

Bootstrap Collapsible link

Lakshmi Srinivas

Lakshmi Srinivas

Updated on 12-Jun-2020 19:25:02

672 Views

To create a collapsible link in Bootstrap, you can try to run the following codeExampleLive Demo           Bootstrap Example                                          More learning content          More                       We have learning content on Java, PHP, Ruby, C, C++, etc.                    

Create two unequal columns with Bootstrap Grid Layout

Lakshmi Srinivas

Lakshmi Srinivas

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

482 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                    

Bootstrap progress-striped class

Lakshmi Srinivas

Lakshmi Srinivas

Updated on 12-Jun-2020 18:58:37

228 Views

The progress-striped class is used to form a striped progress bar in Bootstrap.You can try to run the following code to create a striped progress bar in BootstrapExampleLive Demo           Bootstrap Example                                 Striped Progress Bars       Success Progress Bar                             45%Complete (success)                       Info Progress Bar                             80% Complete (info)                    

Container for embedded content in Bootstrap

Lakshmi Srinivas

Lakshmi Srinivas

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

230 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:                                          

Create a green button (success) with Bootstrap

Lakshmi Srinivas

Lakshmi Srinivas

Updated on 12-Jun-2020 18:31:12

423 Views

Use the .btn-success class in Bootstrap to create a green button that indicates successExampleLive Demo           Bootstrap Example                                 Click below if you want to know the result of successful students:       Submit    

Create a table within a Bootstrap Panel

Lakshmi Srinivas

Lakshmi Srinivas

Updated on 12-Jun-2020 18:12:25

869 Views

To create a non-bordered table within a panel, use the class .table within the panel.You can try to run the following code to form a table within a panelExampleLive Demo           Bootstrap Example                                                       Panel title                                 This is a demo panel                                                Student                Marks                Rank                                        Amit                97                1                                        Virat                83                2                                        Tom                70                3                                

Set Bootstrap badges in active states of pill

Lakshmi Srinivas

Lakshmi Srinivas

Updated on 12-Jun-2020 18:01:18

202 Views

Place to active links to set Bootstrap badges in active states of pill.You can try to run the following code to achieve thisExampleLive Demo           Bootstrap Example                                 Active State in Pill                Home 29          Profile          Messages 72          

Add a light-blue label (set info) with Bootstrap

Lakshmi Srinivas

Lakshmi Srinivas

Updated on 12-Jun-2020 17:41:30

113 Views

Use .label-info class in Bootstrap to add light-blue label.You can try to run the following code to implement the .label-info classExampleLive Demo           Bootstrap Example                                          Info label          Information          

Bootstrap .pager class

Lakshmi Srinivas

Lakshmi Srinivas

Updated on 12-Jun-2020 17:35:21

137 Views

Get the pager links using the .pager Bootstrap class.You can try to run the following code to implement the .pager class in BootstrapExampleLive Demo           Bootstrap Example                                 Questions                      Previous          Next          

Advertisements