Found 10483 Articles for Web Development

Filter table with Bootstrap

Nishtha Thakur
Updated on 12-Jun-2020 19:42:29

3K+ Views

To filter a table in Bootstrap, you can try to run the following code −ExampleLive Demo           Bootstrap Example                                          Students Rank                                                                          Name                Marks                Rank                                                                           Amit                   94                   1                                                   Tom                   90                   2                                                   Steve                   88                   3                                                   Chris                   80                   4                                                   Corey                   79                   5                                                   Glenn                   75                   6                                                            $(document).ready(function(){             $("#demo").on("keyup", function() {                var value = $(this).val().toLowerCase();                $("#test tr").filter(function() {                   $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)                });             });          });          

Bootstrap Accordion

karthikeya Boyini
Updated on 12-Jun-2020 19:17:19

310 Views

To create an Accordion in Bootstrap, you can try to run the following codeExampleLive Demo           Bootstrap Example                                          My Website                                                                              Tutorials                                                                     We provide tutorials on C, C++, Java, PHP, Networking, SEO, C++, C, etc.                                                                                                Quiz                                                                     We provide quizzes on C, C++, Java, PHP, Ruby, DBMS, Networking, SEO, etc.                                                

Set title of a modal in Bootstrap

Samual Sam
Updated on 12-Jun-2020 19:20:52

964 Views

Use the .modal-title class in Bootstrap to set the title of a modalExampleLive Demo           Bootstrap Example                                          Examination          Result                                                                              ×                      Warning                                                          If JavaScript isn't enabled in your web browser, then you may not be able to see the result.                                                          Close                                                                  

Bootstrap Collapsible button

Ankith Reddy
Updated on 12-Jun-2020 19:22:41

526 Views

The collapsible button is used in Bootstrap to create a collapsible that can be shown or hidden on click.You can try to run the following code to create a collapsible button:ExampleLive Demo           Bootstrap Example                                          Contact Us          Click for more info...          More                       You can also contact us on 9199****** for more information on our products.                    

Set small modal in Bootstrap

Anvi Jain
Updated on 12-Jun-2020 19:19:53

1K+ Views

Use the .modal-sm class in Bootstrap to set small modal with less width.You can try to run the following code to implement the .modal-sm class −ExampleLive Demo           Bootstrap Example                                          Examination          Result                                                                              ×                      Warning                                                          If JavaScript isn't enabled in your web browser, then you may not be able to see the result.                                                          Close                                                                  

Bootstrap Collapsible link

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

811 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 Columns with Two Nested Columns in Bootstrap

Arjun Thakur
Updated on 12-Jun-2020 19:28:19

755 Views

To create two columns in two nested columns, you can try to run the following code −ExampleLive Demo           Bootstrap Example                                 Nested Columns                             Column1                            nested column                nested column                                Column2          

Create a heading inside the media object with Bootstrap

Daniol Thomas
Updated on 12-Jun-2020 19:26:47

135 Views

To create a heading inside the media object, use the .media-heading class:ExampleLive Demo           Bootstrap Example                                          Google Tag Manager Tutorial                                                                                              Definition                Google Tag Manager (GTM) is a free tool that makes it easy for marketers to add and update website tags.                                

Create a tabbed menu with Bootstrap

karthikeya Boyini
Updated on 12-Jun-2020 19:29:25

147 Views

To create a tabbed menu with Bootstrap, you can try to run the following codeExampleLive Demo           Bootstrap Example                                          Database          The following are the database technologies:                       DB2             MySQL             SQL             CouchDB                    

Get links in alerts with Bootstrap

Ankith Reddy
Updated on 12-Jun-2020 19:31:03

310 Views

Use the .alert-link utility class to get matching colored links within any alert.You can try to run the following code to get links in alerts with Bootstrap. Let us set it for success and info −ExampleLive Demo           Bootstrap Example                                          Success! Well done its submitted.                      Information!          

Advertisements