title: Align the items in a div using Bootstrap 4
body: <p>I am new to front end. The question I am asking may be very basic.
  Here I am using ReactJS. </p>
  
  <p><a href="https://i.stack.imgur.com/o9tDo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/o9tDo.png" alt="enter image description here"></a></p>
  
  <p>So actually, I am trying to do this. So, what I have tried is </p>
  
  <pre><code>&lt;div className="row"&gt;
      &lt;div className="col-10" style={selectques}&gt;
          &lt;div className="row"&gt;
              &lt;div className="col-4"&gt;
                  &lt;span className="align-middle"&gt;1&lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div className="col-2"&gt;
      &lt;/div&gt;
  &lt;/div &gt;
  </code></pre>
  
  <p>Here, I tried using the select but still it was not working properly. Can anyone suggest me how to do this? And align it the way it is? Any hint will be helpful.</p>