bootstrap için: https://getbootstrap.com/docs/4.1/layout/grid/

col- kısmını row içinde kullanmalısınız (row içinde kesinlikle kullanılmalı. col-md-12, col-sm-12 gibi )

<div class="row">
  <div class="col-sm-8"> 8 birim </div>
  <div class="col-sm-4"> 4 birim </div>
</div>

container kullanacaksanız (ortalama yapmak için kullanılır):

<section class="skill">
  <div class="container ">
    <div class="row">
      <div class="col-sm-8"> 8 birim </div>
      <div class="col-sm-4"> 4 birim </div>
    </div>
  </div>
</section>

örnek row

<div class="col-sm-8">
  <div class="row">
    <div class="col-sm-8"> 8 birim </div>
    <div class="col-sm-4"> 4 birim </div>
  </div>
</div>

örnek row

<div class="box">
  <div class="row">
    <div class="col-sm-3"> 3 birim </div>
    <div class="col-sm-9"> 9 birim </div>
  </div>
</div>