Media Queries and Bootstrap

I am new to front end development and recently came across media queries and how they work. I learnt bootstrap prior to media queries and now I am wondering is media query necessary? I feel Bootstrap does the same thing when you create grids and mention the column class name i.e col-2-sm xs, lg etc and gives the responsive feel. Could somebody please guide when what must be used?