'How to set form fields size using bootstrap in React

I am trying to set the fields size using bootstrap in React, basically put all side by side with equal values (row oriented) but I can't get it working, currently is column oriented. I tried all those letters (sm, lg, md, xs etc) but none worked, btw have no idea of the meaning. Can anyone give me a light please?

PS: I don't want to use grid system (rows, cols), make no sense using it in forms. Should exist some easy way to change input fields size. Any help would be greatly appreciated.

Just for didactic purpose, i've changed all fields to text.

<Form.Group className="mb-3" controlId="columnName">

  <Form.Label>Column</Form.Label>
  <Form.Control data-testid="column-filter" type="text" value={ column }/>

  <Form.Label>Condition</Form.Label>
  <Form.Control data-testid="condition-filter" type="text" value={ condition }/>

  <Form.Label>Number</Form.Label>
  <Form.Control data-testid="value-filter" type="text" value={ value }/>

  <Button data-testid="button-filter" type="button" variant="warning">
    Filter
  </Button>

</Form.Group>