Set Title of a Modal in Bootstrap

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

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

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 List Group

George John
Updated on 12-Jun-2020 19:18:25

4K+ Views

To create a collapsible list group, use the panel-collapse property with list-group property.ExampleThe list-group property lists items using the list-group-item property −Live Demo           Bootstrap Example                                          Questions/ Answers          Click below to learn about the technologies for which we provide Interview Questions.                                                                              Info                                                                                          Java                      PHP                      C++                      HTML5                      jQuery                                                                  

Bootstrap Accordion

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

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

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          

Label for Form Validation with Bootstrap

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

225 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                                                

Create Three Unequal Columns with Bootstrap Grid Layout

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

583 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                    

Add Large Shadow to an Element in Bootstrap 4

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

166 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          

Show Dangerous Action on a Table Row with Bootstrap

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

108 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                                                

Use Bootstrap Affix Plugins

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

309 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

Advertisements