Found 10483 Articles for Web Development

Align media objects with Bootstrap

Ankith Reddy
Updated on 15-Jun-2020 07:10:54

182 Views

To align media objects, use the .align class in Bootstrap. You can try to run the following code to implement the .align class.Use the .align-left class to align media to the left −ExampleLive Demo           Bootstrap Example                                          Google Tag Manager Tutorial                                                                              Introduction                Google Tag Manager (GTM) is a free tool that makes it easy for marketers to add and update website tags.                                

Nested media lists with Bootstrap

Smita Kapse
Updated on 15-Jun-2020 07:12:06

467 Views

Use the .media-list property to set nested media lists.You can try to run the following code to implement .media-list property −ExampleLive Demo           Bootstrap Example                                                      Tutorials          The following are the tutorials:                                                                                                                                                             Tutorials                   We have text tutorials in Python Data Science, Java i18n, GitLab, TestRail, VersionOne, DBUtils, Common CLI, Seaborn, Ansible, LOLCODE, Current Affairs 2018, Apache Commons Collections, etc.                                                                                                                                                                                         Video TutorialsWe have video tutorials for WordPress, Photoshop, Magento, Eclipse, NetBeans, Drupal, Joomla, etc.                                                                                        

Create a small button with Bootstrap

Smita Kapse
Updated on 15-Jun-2020 06:26:19

3K+ Views

Use the .btn-sm class in Bootstrap to create a small button.You can try to run the following code to create button smaller than the default size −ExampleLive Demo           Bootstrap Example                                 Click below if you want to know the warning message:       Warning       Click below if you want to know the result:       Result    

Remove default list-style in Bootstrap

Chandu yadav
Updated on 15-Jun-2020 07:13:10

29K+ Views

To remove the list styles in Bootstrap, use the .list-unstyled class.You can try to run the following code to implement the .list-unstyled class −ExampleLive Demo           Bootstrap Example                                          Technologies                       Home             PHP             Java             jQuery             JavaScript             Ruby                                Technologies (Unstyled)                       Home             PHP             Java             jQuery             JavaScript             Ruby                    

Set all list items on a single line with Bootstrap

Nishtha Thakur
Updated on 15-Jun-2020 06:27:53

2K+ Views

To set all list items on a single line, use the .list-inline class.You can try to run the following code to implement the .list-inline class −ExampleLive Demo           Bootstrap Example                                          Technologies                       Home             PHP             Java             jQuery             JavaScript             Ruby                    

Set important information for a list item in a list group with Bootstrap

Ankith Reddy
Updated on 15-Jun-2020 06:29:08

104 Views

use the list-group-item-info class in Bootstrap to set key information for a list item in a list group.You can try to run the following code to implement the list-group-item-info class −ExampleLive Demo           Bootstrap Example                                          Java                                      Interfaces                                        Multi-threading                                        Packages                                

How to use Bootstrap Collapse Plugins

Smita Kapse
Updated on 15-Jun-2020 06:31:28

127 Views

The collapse plugin makes it easy to make collapsing divisions of the page. Whether you use it to build an accordion navigation or content boxes, it allows for a lot of content options.You can try to run the following code to implement collapse plugins in Bootstrap −ExampleLive Demo           Bootstrap Example                                                                                                              Click me to expand. Click me again to collapse.Section                                                                                             Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred                   nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo.                                                

How to use Bootstrap Button Plugins

Smita Kapse
Updated on 15-Jun-2020 06:34:08

123 Views

Add in some interaction such as control button states or create groups of buttons for more components like toolbars with the plugin.You can try to run the following code to implement button plugin −ExampleLive Demo           Bootstrap Example                                 Button Example                             Primary                                $(function () {             $("#myButtons1 .btn").click(function(){                $(this).button('toggle');             });          });          

Large input field with Bootstrap

Arjun Thakur
Updated on 15-Jun-2020 06:32:44

545 Views

Use the .input-lg class to set large input field in Bootstrap.You can try to run the following code to implement .input-lg class −ExampleLive Demo           Bootstrap Example                                                      Candidate Profile                                      What is your job profile?                                   Programmer                   Web Developer                   DBA                   Support Engineer                                                        Educational Qualifcation                                   Undergraduate                   Graduate                   Post-Graduate                                                

Create an extra small button group with Bootstrap

Smita Kapse
Updated on 15-Jun-2020 06:35:32

282 Views

To create a large button group in Bootstrap, use the .btn-group-xs class.You can try to run the following code to implement the .btn-group-xs class −ExampleLive Demo           Bootstrap Example                                 The following are the car brands:                BMW          Audi          Jeep          Datsun          Toyota             The following are FMCG:                ITC Limited          Colgate-Palmolive          Nestle          Britannia Industries Limited          

Advertisements