How to place two input box next to each other using Bootstrap 4 ?

In this article, we will learn how to take two inputs in a single line in HTML. HTML supports various type of inputs like text, password, Date-Time, date, time, week, number, email, and a lot more. There are various conditions where we have to take multiple inputs in a single line or next to each other and this can be achieved by .input-group and inline element. The inline element does not take the entire line rather takes as much width as necessary.

Example 1: Taking input in two consecutive fields. 

Output:

Example 2: Taking input as two fields in one line. 

Output:

Example 3: Taking input in one line with mixed labels.

Output: