George John has Published 1081 Articles

Striped Table with Bootstrap

George John

George John

Updated on 12-Jun-2020 11:44:21

429 Views

To add a striped table in Bootstrap, use the .table-striped class. You can try to run the following code to implement the .table-striped class −ExampleLive Demo           Bootstrap Table                                                Footballer Rank                                      Footballer                Rank                                                            Amit                3                                        Kevin                2                                

Create Inverted Navbar in Bootstrap

George John

George John

Updated on 12-Jun-2020 10:47:41

719 Views

To create an inverted navbar with a black background and with white text, simply add the .navbar-inverse class to the .navbar class.Example Live Demo           Bootstrap Example                                                       TutorialsPoint                                                                    iOS                      SVN                                                                          Java                                                                                                        jmeter                            EJB                            Jasper Report                                                                                              

Bootstrap element

George John

George John

Updated on 12-Jun-2020 10:45:01

254 Views

The element in Bootstrap is used to set inline subheadings.You can try to run the following code to implement the element:ExampleLive Demo           Bootstrap small element                                       Heading One          I'm secondary Heading             Heading One          I'm secondary Heading          

Make an Ordered list with Bootstrap

George John

George John

Updated on 12-Jun-2020 10:42:09

634 Views

For ordered list in Bootstrap, you can try to run the following code −Example Live Demo           Bootstrap lists                                       Lists       Fruits (Ordered List)                Kiwi          Apple          Mango          

Bootstrap btn-toolbar class

George John

George John

Updated on 12-Jun-2020 10:25:58

444 Views

Set Button Toolbar in Bootstrap using the btn-toolbar class.You can try to run the following code to implement the btn-toolbar class −Example Live Demo           Bootstrap Example                                                       MCA             BCA                                 MBA             MS                    

Mobile First Bootstrap

George John

George John

Updated on 12-Jun-2020 09:48:43

1K+ Views

Bootstrap has become mobile first since Bootstrap 3. It means 'mobile first' styles can be found throughout the entire library instead of them in separate files. You need to add the viewport meta tag to the element, to ensure proper rendering and touch zooming on mobile devices.Here, width property ... Read More

Set typography and link styles in Bootstrap

George John

George John

Updated on 12-Jun-2020 09:39:24

142 Views

Bootstrap sets a basic global display (background), typography, and link styles.Basic Global display − Sets background-color: #fff; on the element.Typography − Uses the @font-family-base, @font-size-base, and @line-height-base attributes as the typographic base.Link styles − Sets the global link color via attribute @link-color and apply link underlines only on :hover.

table-bordered class in Bootstrap

George John

George John

Updated on 12-Jun-2020 09:24:07

316 Views

To implement a table-bordered class, you can try to run the following code −Example Live Demo           Bootstrap Table                                                Footballer Rank                                               Footballer                   Rank                   Country                                                                           Messi                   1                   Argentina                                                   Neymar                   2                   Brazil                                                   Ronaldo                   3                   Portugal                                      

Offset Columns in Bootstrap

George John

George John

Updated on 12-Jun-2020 08:59:08

6K+ Views

An offset is used to push columns over for more spacing. To use offsets on large displays, use the .col-md-offset-* classes. You can try to run the following code to learn how to work with offset columns in Bootstrap −Example Live Demo           Bootstrap Example     ... Read More

HTML Tag

George John

George John

Updated on 11-Jun-2020 11:06:00

156 Views

The tag in HTML is used to mark a text that is no longer relevant. This tag was redefined in HTML5 to display a text that is not accurate.Let’s see an example to implement the element −Example Live Demo Exam Results    Result would be announced on ... Read More

Advertisements