Help

<!DOCTYPE html> <html> <head> <title>Page Title</title> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body>  <div class="col-xs-5 col-sm-12 col-md-6"> <div class="blue">content</div> </div> <div class="col-xs-5 col-sm-12 col-md-6"> <div class="red">content</div> </div> </body> </html> Hey guys why my outputs code Doesn't responsive? I use 12 grid system and media query

html css java website

28th Sep 2021, 5:04 PM

Sobhan Nooripour

1 Answer

+ 2

You don't have CSS rules associated with col-xs-5 and similar classes. Classes like col-xs-5 are defined in Twitter Bootstrap's CSS. You should add a link tag to it. This URL could work if you replace col-xs-* with col-sm-*: https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css It looks like the xs(extremely small) size category isn't defined in version 4.4.1 there. In addition to including the proper Bootstrap link, you should add a container and row. Classes like col-xs-5 are to be direct children of a row.

28th Sep 2021, 6:05 PM

Josh Greig