Use the nav-stacked class to set the pills vertically. Set the pills vertically using the class .nav-stacked along with the classes: .nav, .nav-pills.You can try to run the following code to set vertical pills in Bootstrap −ExampleLive Demo Bootstrap Example Subjects Java WordPress JavaScript
The following are the form layouts provided by Bootstrap −Vertical formThe basic form structure comes with Bootstrap; individual form controls automatically receive some global styling.In-line formTo create a form where all of the elements are inline, left aligned and labels are alongside, add the class .form-inline to the tagHorizontal formHorizontal forms stand apart from the others not only in the amount of markup but also in the presentation of the form
To create a form in Bootstrap,Add a role form to the parent element.Wrap labels and controls in a with class .form-group. This is needed for optimum spacing.Add a class of .form-control to all textual , , and elements.You can try to run the following code to create a form −ExampleLive Demo Bootstrap Forms Full Name Subject File input Example block-level help text here. Notification about our products Submit
To create a form where all of the elements are inline, left aligned and labels are alongside, add the class .form-inline to the tag.You can try to run the following code to create an inline form in Bootstrap −ExampleLive Demo Bootstrap Example Full Name File input Check me out Submit
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
The Bootstrap warning contextual class indicates a warning action.You can try to run the following code to implement the .warning classExampleLive Demo Bootstrap Table Subject Marks Student Programming 90 Amit Web Dev 92 Yuvraj Science 95 Sachin
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
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
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
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
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP