Lakshmi Srinivas has Published 287 Articles

Bootstrap Collapsible link

Lakshmi Srinivas

Lakshmi Srinivas

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

803 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

628 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

309 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

328 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

528 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

1K+ 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

250 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

183 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

218 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          

Customize links using the active class to indicate the current page

Lakshmi Srinivas

Lakshmi Srinivas

Updated on 12-Jun-2020 17:19:14

135 Views

You can customize links using the active class to indicate the current page.You can try to run the following code to customize links using the active classExampleLive Demo           Bootstrap Example                                 Elements                «          e1          e2          e3          e4          »          

Advertisements