Karthikeya Boyini has Published 2383 Articles

Create an extra small button with Bootstrap

karthikeya Boyini

karthikeya Boyini

Updated on 12-Jun-2020 20:43:16

374 Views

Use the .btn-xs class in Bootstrap to create an extra small button in BootstrapExampleLive Demo           Bootstrap Example                                 Click below if you want to know the message:       Message    

Create a default Bootstrap button

karthikeya Boyini

karthikeya Boyini

Updated on 12-Jun-2020 20:32:32

175 Views

Use the .btn-default class in Bootstrap to create a default button.You can try to run the following code to implement a .btn-default classExampleLive Demo           Bootstrap Example                                 Cick the below button in case of issues:                Danger             Cick the below button if everything is fine:                Next          

Set the width of an element to 25% in Bootstrap

karthikeya Boyini

karthikeya Boyini

Updated on 12-Jun-2020 20:23:49

425 Views

To set the width of an element to 25%, use the .w-25 class in Bootstrap.You can try to run the following code to set element’s widthExampleLive Demo           Bootstrap Example                                          Set element width          Normal width          Width is 50%          Width is 25%          

Set the width of an element to 100% in Bootstrap

karthikeya Boyini

karthikeya Boyini

Updated on 12-Jun-2020 20:11:52

2K+ Views

To set the width of an element to 100%, use the .w-100 class in Bootstrap.You can try to run the following code to set element’s widthExampleLive Demo           Bootstrap Example                                          Set element width          Normal width          Width is 25%          

Add HTML Content to Bootstrap List Group

karthikeya Boyini

karthikeya Boyini

Updated on 12-Jun-2020 20:04:46

158 Views

Bootstrap list groups are added using the list-group-item class.Add HTML content to the linked list groups using the following codeExampleLive Demo           Bootstrap Example                                   ... Read More

Set warning action for a list item in a list group with Bootstrap

karthikeya Boyini

karthikeya Boyini

Updated on 12-Jun-2020 19:35:51

65 Views

To set warning action for a list item in a list group, use the .list-group-item-warning classExampleLive Demo           Bootstrap Example                                          Demo                                      A                                        B                                        C                                        D                                

Create a tabbed menu with Bootstrap

karthikeya Boyini

karthikeya Boyini

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

89 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                    

Bootstrap Accordion

karthikeya Boyini

karthikeya Boyini

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

238 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.                                                

Bootstrap panel-heading class

karthikeya Boyini

karthikeya Boyini

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

337 Views

Use the .panel-heading class to add a panel to headings in Bootstrap.You can try to run the following code to implement a panel-heading classExampleLive Demo           Bootstrap Example                                                       Panel Heading                                 Demo content                                                            Panel Heading                                             Demo content                    

What is Bootstrap Plugins

karthikeya Boyini

karthikeya Boyini

Updated on 12-Jun-2020 18:52:13

254 Views

Bootstrap comes bundled with 12 jQuery plugins that extend the features and can add more interaction to your site.By utilizing Bootstrap Data API, most of the plugins can be triggered without writing a single line of code.Bootstrap Plugins can be included on your site in the following two forms −Individually − ... Read More

Advertisements