Bootstrapで要素が横並びにできません

イタリックテキスト### 実現したいこと

ここに実現したいことを箇条書きで書いてください。
横並びにしたいです。」

前提

<div class="col-lg-8"> <div class="card"> <div class="card-body"> <img src="assets/img/card.jpg" class="img-fluid rounded-start" alt="..."> </div> <div class="card-body"> <h5 class="card-title">Card with an image on left</h5> <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> </div> </div> </div> <div class="col-lg-4"> <div class="card"> <div class="card-body"> <h5 class="card-title">Verticl Form</h5> <!-- Multi Columns Form --> <div> <label for="inputName5" class="form-label">Your Name</label> <input type="text" class="form-control" id="inputName5"> </div> <div> <label for="inputName5" class="form-label">Your name</label> <textarea class="form-control" style="height: 100px"></textarea> </div> <div> <label for="inputNumber" class="form-label">File Upload</label> <input type="file" class="form-control" id="inputFile5"> </div> <div class="text-center"> <button type="submit" class="btn btn-primary">Submit</button> <button type="reset" class="btn btn-secondary">Reset</button> </div> </div> </div> </div> </div> </div>

イタリックテキスト