Rishi Rathor has Published 155 Articles

Make a group of buttons span the entire width of the screen with Bootstrap

Rishi Rathor

Rishi Rathor

Updated on 12-Jun-2020 20:27:18

559 Views

To make a group of buttons span entire width of the screen, use the .btn-group-justified.You can try to run the following code to implement the .btn-group-justified class −ExampleLive Demo           Bootstrap Example                       ... Read More

Bootstrap Glyphicons

Rishi Rathor

Rishi Rathor

Updated on 12-Jun-2020 19:34:49

147 Views

Glyphicons are icon fonts that you can use in your web projects.Under the Bootstrap directory structure, go to the fonts folder to get the following glyphicons −glyphicons-halflings-regular.eotglyphicons-halflings-regular.svgglyphicons-halflings-regular.ttfglyphicons-halflings-regular.woffTo use the icons, try the following code snippet:

Usage of Bootstrap Modal Plugins

Rishi Rathor

Rishi Rathor

Updated on 12-Jun-2020 18:50:44

131 Views

A modal is a child window that is layered over its parent window. Typically, the purpose is to display content from a separate source that can interact without leaving the parent window. Child windows can provide information, interaction, or more.Toggle the modal plugin's hidden content −Via data attributes − Set ... Read More

Bootstrap thumbnail class

Rishi Rathor

Rishi Rathor

Updated on 12-Jun-2020 18:19:54

139 Views

The role of .thumbnail class in Bootstrap is used to create a thumbnail for images −ExampleLive Demo           Bootstrap Example                                                                                                    

Create a navbar scrolling with the page in Bootstrap

Rishi Rathor

Rishi Rathor

Updated on 12-Jun-2020 17:25:53

1K+ Views

To create a navbar that scrolls with the page, add the .navbar-static-top class. This class does not require adding the padding to the .ExampleLive Demo           Bootstrap Example                                                       Car Accessories                                                Car Cover                Car Mobile Holder                Car Mobile Charger                                

Usage of btn-sm Bootstrap class

Rishi Rathor

Rishi Rathor

Updated on 12-Jun-2020 16:11:24

84 Views

Create a small button using the btn-sm Bootstrap class. You can try to run the following code to implement the btn-sm Bootstrap class:ExampleLive Demo           Bootstrap Example                                                       Subject                                             Programming             Web Dev             Database             Networking                    

Bootstrap btn-group class

Rishi Rathor

Rishi Rathor

Updated on 12-Jun-2020 15:06:50

123 Views

Use the class .btn-group to create a button group.You can try to run the following code to implement the btn-group class −ExampleLive Demo           Bootstrap Example                                 The following are the buttons:                One          Two          

Indicate a successful action to a particular table row or cell with Bootstrap

Rishi Rathor

Rishi Rathor

Updated on 12-Jun-2020 13:26:43

73 Views

To indicate a successful action to a particular table row or cell with Bootstrap, use the .success class. You can try to run the following code to implement the .success class −ExampleLive Demo           Bootstrap Table                                                                                         Subject                   Marks                   Type                                                                           C                   65                   Programming Language                                                   PHP                   92                   Scripting Language                                                   jQuery                   80                   JavaScript Library                                                

What does the exclamation mark do before the function in JavaScript?

Rishi Rathor

Rishi Rathor

Updated on 12-Jun-2020 08:46:17

2K+ Views

The ! symbol shows that it is an immediately-invoked function expression.The exclamation mark won’t invoke the function alone; you can put () at the end −!function foo() {}()() has higher precedence than ! and instantly calls the function.You can also mention it like the following −(function(){})();The ! allows the expression ... Read More

Create an option group in HTML

Rishi Rathor

Rishi Rathor

Updated on 29-May-2020 23:04:56

310 Views

The HTML tag is used for grouping related options within your select list. This makes it easier for users to comprehend their choices when looking at a large list.The following are the attributes −AttributeValueDescriptionDisabledDisabledDisables the input control. The button won't accept changes from the user. It also cannot receive ... Read More

Previous 1 ... 5 6 7 8 9 ... 16 Next
Advertisements