I am using Bootstrap 4 and am trying to create a simple layout. Two columns, split into 9 columns and 3 columns. Inside the first column is just text. But I need a padding of 1 column. Not 1 column of the containing div, but one column of the entire page. Here is an example

Can we have two input fields in widescreen and single input screen in small screen with the help of Bootstrap class for the same form? how can i do using bootstrap .