Found 2418 Articles for HTML

Bootstrap Labels

Samual Sam
Updated on 12-Jun-2020 18:22:09

112 Views

Labels are great for offering counts, tips, or other markups for pages.ExampleUse class .label to display labels and try to run the following codeLive Demo           Bootstrap Example                                 Tutorials                       150                       Quiz                       90                    

Get Bootstrap Jumbotron of full width and without rounded corners

karthikeya Boyini
Updated on 12-Jun-2020 17:48:04

266 Views

To get a jumbotron of full width, and without rounded corners use the .jumbotron class outside all .container classes and instead add a .container within.ExampleYou can try to run the following code to implement thisLive Demo           Bootstrap Example                                                       Welcome to landing page!             Example for jumbotron.                                               Click for more                                                

Hidden Bootstrap class

Anvi Jain
Updated on 21-Nov-2023 21:14:35

1K+ Views

To hide a Bootstrap class, use the .hidden class.Example You can try to run the following code to hide a class −           Bootstrap Example                                                       This class is visible.                                 This is an example for hide class. This will be hidden.                    

Bootstrap table-striped class

Nitya Raut
Updated on 12-Jun-2020 17:36:43

184 Views

To implement the table-striped class in Bootstrap, you can try to run the following code:ExampleLive Demo           Bootstrap Table                                                Footballer Rank                                      Footballer                Rank                Country                                

Bootstrap navbar-inverse class

Vrundesha Joshi
Updated on 12-Jun-2020 17:21:21

2K+ Views

To create an inverted navbar with a black background and with white text, simply add the .navbar-inverse class to the .navbar class.ExampleYou can try to run the following code to implement navbar-inverse class −Live Demo           Bootstrap Example                                                       TutorialsPoint                                                iOS                SVN                                                        Java                                                                                jmeter                      EJB                      Jasper Report                                            Separated link                                            One more separated link                                                                  

Align the components with Bootstrap

Lakshmi Srinivas
Updated on 12-Jun-2020 17:11:08

245 Views

To align the components like nav links, forms, buttons, or text to left or right in a navbar using the utility classes .navbar-left or .navbar-right. Both classes will add a CSS float in the specified direction.ExampleYou can try to run the following code to align componentsLive Demo           Bootstrap Example                                                       Alignment                                                                                                    Java                                                                                jmeter                      EJB                      Jasper Report                                            Separated link                                            One more separated link                                                                          Left align-Submit Button                         Left align-Text                                                                                Java                                                                                jmeter                      EJB                      Jasper Report                                            Separated link                                            One more separated link                                                                                             Right align-Submit Button                                         Right align-Text                    

Wrap Strings of Text in Bootstrap Navbar

Ankith Reddy
Updated on 12-Jun-2020 16:33:58

459 Views

To wrap strings of text in an element using the class .navbar-text.ExampleYou can try to run the following code to set text in Bootstrap Navbar −Live Demo           Bootstrap Example                                                       Demo                                 Copyright © 2018                    

Usage of Bootstrap Input Groups

karthikeya Boyini
Updated on 12-Jun-2020 16:10:02

66 Views

By adding prepended and appended content to an input field, you can add common elements to the user’s input. For example, you can add the dollar symbol, the @ for a Twitter username, or anything else that might be common for your application interface.ExampleYou can try to run the following code to create Bootstrap Input GroupLive Demo           Bootstrap Input Group                                                                      @                                                                                    .00                                                     span class = "input-group-addon">$                                .00                                

Split Button Dropdowns with Bootstrap

Daniol Thomas
Updated on 12-Jun-2020 15:51:10

409 Views

Split button dropdowns use the same general style as the dropdown button but add a primary action along with the dropdown. Split buttons have the primary action on the left and a toggle on the right that displays the dropdown.ExampleYou can try to run the following code to split button dropdowns −Live Demo           Bootstrap Example                                          Admissions                                   Toggle Dropdown                                 Masters             Bachelors                                Faculty                                   Toggle Dropdown                                 Management             Technical             Staff                    

Bootstrap Button Group Classes

karthikeya Boyini
Updated on 12-Jun-2020 15:10:57

123 Views

Use the class .btn-group to work with Bootstrap Button Group Class. You can try to run the following code to form button groupExampleLive Demo           Bootstrap Example                                 The following are the buttons:                A          B          C          

Advertisements