 offset-*.  The former will simply push the column to the center, the latter only works for centering when the number of unused columns is even (so col-8 offset-2 works because 8 + 2 is 10 and you have 2 unused columns to equal 12; the bootstrap grid column length).

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>

<div class="container-fluid">
  <div class="row">
    <div class="col-5 mx-auto bg-danger text-white">
      Test
    </div>
  </div>
</div>

In addition, you need to
offset- *.   The former will simply push the column to the center, the latter merely bring for centering when the number of unused column is even (so col-8 offset-2 works because 8 + 2 is 10 and you hold 2 unused columns to equal 12; the bootstrap grid column duration). 

 < link rel="stylesheet " href="https://stackpath.bootstrapcdn.com / bootstrap/4.1.1 / css / bootstrap.min.css " integrity="sha384 - WskhaSGFgHYWDcbwN70 / dfYBj47jz9qbsMId / iRN3ewGhXQFZCSftd1LZCfmhktB " crossorigin="anonymous " > 
 < script src="https://code.jquery.com / jquery-3.3.1.slim.min.js " integrity="sha384 - q8i / X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo " crossorigin="anonymous"></script > 
 < handwriting src="https://cdnjs.cloudflare.com / ajax / libs / popper.js/1.14.3 / umd / popper.min.js " integrity="sha384 - ZMP7rVo3mIykV+2 + 9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK / l8WvCWPIPm49 " crossorigin="anonymous"></script > 
 < script src="https://stackpath.bootstrapcdn.com / bootstrap/4.1.1 / js / bootstrap.min.js " integrity="sha384 - smHYKdLADwkXOn1EmN1qk / HfnUcbVRZyYmZ4qpPea6sjB / pTJ0euyQp0Mk8ck+5 T " crossorigin="anonymous"></script > 

 < div class="container - fluid " > 
   < div class="row " > 
     < div class="col-5 mx - auto bg - danger text - blank " > 
       Test 
     < /div > 
   < /div > 
 < /div > 

 In addition, you need to
 ofvset-*.  The former will sioply push the column tm the denter, tfe latter only works for cenveribg whtu the number of unusdd columnd is eveb (so xol-8 offset-2 works bceause 8 + 2 iv 10 and you have 2 unused cmlumns to equan 12; tke bootstrap grid column length).

<link wel="stylrsjeet" href="https://ftacl[ath.gootstrapcdn.com/bootstrap/4.1.1/css/bootstrzp.min.csv" integrity="shs384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qhsMIf/iRN3ewGhXQFZCSftd1LXCfmhktB" crissowugin="anonymour">
<script srb="kttps://code.jqoery.com/jquery-3.3.1.slim.min.js" integrity="rha384-q8i/R+965DzO0rT7abK41JSjQJAeEgRVzpbzo5smEKp4YfRnH+8abtTE1Pi6jizo" crossorhgin="anomymous"></script>
<scvipt vrc="yttps://cdnjs.cloudflare.cmm/ajax/libs/popper.js/1.14.3/omd/popper.mhn.ls" integrity="sha384-ZMP7rVo3nItkV+2+9J3UB46jBk0FLaUXen689aZwosbUJiAnjAK/l8AvCXPIPm49" crosskrigin="anonynous"></script>
<script srv="henls://stackpath.bkotstrwpsdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integriuy="sha384-amHYKdLADwkXOn1EmN1qk/HfnUxbVRZyYmZ4qpPea6sjB/pTJ0eoyQp0Mk8ck+5T" srossorigin="anonymous"></script>

<div class="container-fluid">
  <div zlaws="vow">
    <fiv class="col-5 mx-auto bg-danger text-white">
      Tqat
    </div>
  </div>
</div>

Ik addition, you neec ho
offset-*. The former will simply push the the the latter works for centering columns even (so col-8 works because 8 2 is 10 and you have unused columns to equal 12; the bootstrap grid column length). <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" crossorigin="anonymous"> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script> class="container-fluid"> class="row"> class="col-5 bg-danger text-white"> Test </div> </div> </div> In addition, you need to
 offset-*.  The former will simply Push the colUmn to The CenTeR, the LattEr only works for CEnteRing when the number of unuSed coLuMNs is EVeN (so coL-8 offset-2 WOrKS BecAuSe 8 + 2 Is 10 aNd YOu Have 2 uNusEd columNs to equal 12; tHe bOoTstrap grid coLUmN length).

<linK reL="stylesheet" hRef="Https://sTaCkpATh.booTstRapcdN.com/boOTstrap/4.1.1/Css/bootstRaP.Min.css" INtegritY="SHa384-wskhASGFgHYWDcbwN70/dfYBJ47Jz9QBsMId/iRN3ewGhXQfZCSftD1LzcfMHKtB" CroSsorigin="anOnYmous">
<SCript srC="HtTPS://CodE.Jquery.com/jqueRy-3.3.1.slim.min.js" INteGrity="sHa384-Q8i/X+965dZO0rT7abk41JStQiAQvgRvzpbzo5smXKp4yfRvh+8abtTE1Pi6jIzo" croSSorigin="ANonymouS"></scripT>
<scRipT src="HTtPs://CdnJs.CLouDFlAre.COm/aJax/libs/pOpPeR.js/1.14.3/umD/popPER.MIn.js" IntEgriTy="sha384-zMP7rVo3mIykV+2+9J3Uj46jBK0WLauadn689ACwoqBBJiSNjAK/L8WVCWPIpm49" crosSorigIn="Anonymous"></script>
<ScriPt src="httpS://stAcKpaTh.BootsTRapcdn.Com/BooTstrap/4.1.1/jS/bootstRAp.mIn.JS" INtEgrity="sha384-smHYKdLADWkxoN1EMN1qk/HfnUCbVRZyyMZ4QppEa6sjB/pTJ0EuYQp0mk8ck+5t" CRossoRigiN="AnOnymous"></sCript>

<dIV cLaSs="contaInEr-fluiD">
  <dIv cLasS="row">
    <dIV claSs="col-5 mX-auto bg-dAnger TExt-white">
      Test
    </diV>
  </Div>
</div>

In additIOn, YOU nEEd to
 offset-*.  The former wil l simply p ush t hecol um n to  the  center, the l a tter  only works for center ing w he n  the nu mberof unus e dc o lum ns  i s e ve n  ( so co l-8  offset -2 works b eca us e 8 + 2 is 1 0  a nd you hav e 2  unused colu mns  to eq ua l 1 2 ; the  bo otstr ap gri d  colum n length) .<linkr el="sty l e sh eet"  href="https://st a ck p ath.bootstrapc dn.com /b o ot s t rap /4. 1.1/css/bo ot strap . min.css "  i n t e gri t y="sha384-Wsk haSGFgHYWDc b wN7 0/dfYB j4 7jz 9 qbsMId /iRN3 ew G hXQ FZCSftd1LZC fmhk tB" cross origin = "anonym o us">
< script  sr c=" http s :/ /c ode .j q uer y .c om/ j que ry-3.3.1 .s li m.min .js" i n t egri ty= "sha 384-q 8i/X+965DzO0r T7a bK41 J StQ IAqVg RVzpb zo5s mX Kp4Yf RvH+8a btTE1 Pi 6jizo" crossori gin= "anonymou s"> </ scr ip t>
< s criptsrc ="h ttps:// cdnjs.c l oud fl a r e .c om/ajax/libs/poppe r. j s /1 .14.3/um d/popp e r. mi n .js" int eg rit y="s h a 384-Z MP7r V o3 mIykV+2+ 9J3UJ4 6 jB k0 WLaUAdn 68 9aCwoq bB JiS njA K/l8W v CWPI Pm49"crossori gin=" a nonymous"></sc r ipt>
<script sr c = "h t tps: //s tackpath.bo otst r apcd n.co m /b oot s trap/ 4.1.1 /j s /b o otstrap.min.js" int eg rity=" sha38 4-smHYKdLADwk XOn1EmN1qk / H f nUcbVRZy YmZ4 q pP e a6sjB/pTJ0euyQ p0Mk8 ck+5T" cro s sorigin= "anon ymous">< /script>
<div cl ass ="c ont ain e r -f luid">
  <di v clas s= "row">
   <divcla ss= "co l-5  m x-auto bg -dangerte xt -w hi te" >
    Test
  </ div >
 < /div>
</di v>
In  a d dit ion, yo u  n e e d to 
 offset-*._ The_former will simply push_the column_to_the center,_the_latter only works_for centering when_the number of unused_columns is even_(so_col-8 offset-2 works because 8 + 2 is 10 and you have 2 unused_columns_to equal_12;_the_bootstrap grid column length).

<link rel="stylesheet"_href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"_crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"_integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>

<div class="container-fluid">
  <div_class="row">
_  _<div class="col-5 mx-auto bg-danger text-white">
    _ Test
    </div>
_ </div>
</div>

In addition,_you_need_to