Fix responsive around sidebar on blog (#8610)

layouts/blog/baseof.html

@@ -12,11 +12,11 @@
 			<h1>Kubernetes Blog</h1>
 		</section>
 		<div class="container-fluid" style="padding-top: 2em">
-			<div class="row blog-content">
-				<div class="col-xs-10 col-sm-9 col-lg-9 text">
+			<div class="row">
+				<div class="col-xs-12 col-md-9 text blog-content">
 					{{ block "main" . }}{{ end }}
 				</div>
-				<div class="col-xs-1 col-sm-1 col-sm-3 col-lg-3 text">
+				<div class="col-xs-12 col-md-3 text">
 					<div class="widget-content">
 						{{ with .Site.Home.OutputFormats.Get "rss" -}}
 						<link rel="{{ .Rel }}" type="{{ .MediaType.Type }}" href="{{ .Permalink | safeURL }}" title="{{ $.Site.Title }}">