Bootstrap Table Hover Class

Arjun Thakur
Updated on 12-Jun-2020 13:23:39

2K+ Views

Using the .table-hover class, a light gray background will be added to rows while the cursor hovers over them.You can try to run the following code to implement the table-hover class −ExampleLive Demo           Bootstrap Table                                                Footballer Rank                                      Footballer                Rank                Country                                                            Messi                1                Argentina                                        Neymar                2                Brazil                                        Ronaldo                3                Portugal                                

Create Inline Form Elements with Bootstrap

Chandu yadav
Updated on 12-Jun-2020 13:22:01

126 Views

To create a form with inline elements, use the form-inline class in Bootstrap.You can try to run the following code to achieve thisExampleLive Demo           Bootstrap Example                                                             Name                                             File input                                             Check for Newsletter                    Submit          

Convert Integer to Date Object in Python

Rajendra Dharmkar
Updated on 12-Jun-2020 13:21:20

17K+ Views

You can use the fromtimestamp function from the datetime module to get a date from a UNIX timestamp. This function takes the timestamp as input and returns the datetime object corresponding to the timestamp.Exampleimport datetime timestamp = datetime.datetime.fromtimestamp(1500000000) print(timestamp.strftime('%Y-%m-%d %H:%M:%S'))OutputThis will give the output −2017-07-14 08:10:00

Bootstrap Horizontal Form

karthikeya Boyini
Updated on 12-Jun-2020 13:20:13

2K+ Views

To create a horizontal form in Bootstrap, follow the below steps − Add a class of .form-horizontal to the parent element. Wrap labels and controls in a with class .form-group. Add a class of .control-label to the labels.You can try to run the following code to create a horizontal form in Bootstrap −ExampleLive Demo           Bootstrap Example                                                             First Name                                                                         Last Name                                                                                                           Remember me                                                                            Sign in                                

Add Border to Table with Bootstrap

Chandu yadav
Updated on 12-Jun-2020 13:18:11

775 Views

To add border to a table, use the table-bordered class. You can try to run the following code to implement the table-bordered class −ExampleLive Demo           Bootstrap Table                                                Footballer Rank                                      Footballer                Rank                Country                                                            Messi                1                Argentina                                        Neymar                2                Brazil                                        Ronaldo                3                Portugal                                

Bootstrap Input Group Small Class

George John
Updated on 12-Jun-2020 13:16:57

222 Views

To make small input group, use the input-group-sm.You can try to run the following code to implement the input-group-sm class in Bootstrap −ExampleLive Demo           Bootstrap Example                                                                      $                                                

Best Way to Break from Nested Loops in JavaScript

Jennifer Nicholas
Updated on 12-Jun-2020 13:16:07

1K+ Views

The best way to break from nested loops is to use labels. A label can be used with break and continue to control the flow more precisely. A label is simply an identifier followed by a colon (:) that is applied to a statement or a block of code.ExampleYou can try to run the following code to implement Label with a break statement to break from nested loops −Live Demo                    document.write("Entering the loop! ");          outerloop:  // This is the label name          for (var ... Read More

Create a div Element in jQuery

Nizam Techs
Updated on 12-Jun-2020 13:15:44

1K+ Views

They are many way to add a div using jquery , but as the requirement says  on click of any square we have to addd a div.  The following code below will help in adding a div on click Click on any square below to see the result                               $(".div").on("click",function(){ $('#box').append(   $('')     .attr("id", "newDiv1")     .addClass("div")     .append("")       .text("hello world")     ); });

Add Denser Information to a Table with Bootstrap

Ankith Reddy
Updated on 12-Jun-2020 13:13:44

228 Views

Use the .table-condensed class, add denser information to a table.You can try to run the following code to implement a table-condensed class in Bootstrap −ExampleLive Demo           Bootstrap Table                                                Footballer Rank                                      Footballer                Rank                Country                                                            Messi                1                Argentina                                        Neymar                2                Brazil                                        Ronaldo                3                Portugal                                

Methods to Provide Effects in jQuery

David Meador
Updated on 12-Jun-2020 13:09:08

928 Views

jQuery effect methods are used to create custom animation effects. The following are some of the methods used to provide effects in jQuery −S.NoMethodDescription1animate()Custom animation on the selected elements2clearQueue()To remove remaining queued functions from the selected elements3delay()To set a delay for all queued functions on the selected elements4dequeue()To remove the next function from the queue, and then executes the function5fadeIn()Fades in the selected elements6fadeOut()Fades out the selected elements7fadeTo()Fades in/out the selected elements to a given opacity8fadeToggle()To Toggle between the fadeIn() and fadeOut() methods9finish()To stop, remove and complete all queued animations for the selected elementsLet’s see an example to work with ... Read More

Advertisements