Too Long; Didn't Read
Bootstrap uses different media query ranges or breakpoints in their source. You can include it in the code using the class that you want for a specific container or object, for example, col attribute create a column in Bootsrap grid structure that has different size depends on the number that you use like col-6. If we want a bigger column for each object in a smaller device we can use col-xs-12, then it is going to be responsive deepens but you need to add more breakpoints if you want to make it looks good.