{"id":6315,"date":"2015-02-14T16:16:12","date_gmt":"2015-02-14T21:16:12","guid":{"rendered":"http:\/\/bangla.salearningschool.com\/?p=6315"},"modified":"2015-12-10T07:44:36","modified_gmt":"2015-12-10T12:44:36","slug":"%e0%a6%ac%e0%a7%81%e0%a7%8d%e0%a6%9f%e0%a6%b8%e0%a7%8d%e0%a6%9f%e0%a7%8d%e0%a6%b0%e0%a7%8d%e0%a6%af%e0%a6%be%e0%a6%aa-%e0%a6%97%e0%a7%8d%e0%a6%b0%e0%a6%bf%e0%a6%a1-%e0%a6%89%e0%a6%a6%e0%a6%be%e0%a6%b9","status":"publish","type":"post","link":"http:\/\/bangla.sitestree.com\/?p=6315","title":{"rendered":"\u09ac\u09c1\u09cd\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u0997\u09cd\u09b0\u09bf\u09a1 \u0989\u09a6\u09be\u09b9\u09b0\u09a3 (Bootstrap Grid Examples)"},"content":{"rendered":"<p>\u09a8\u09bf\u099a\u09c7 Bootstrap grid layouts \u098f\u09b0 \u0995\u09bf\u099b\u09c1 \u0989\u09a6\u09be\u09b9\u09b9\u09b0\u09a8 \u09b2\u0995\u09cd\u09b7\u09cd\u09af \u0995\u09b0\u09be \u09af\u09be\u0995\u0983<\/p>\n<h2>Three Equal Columns (\u09a4\u09bf\u09a8\u099f\u09bf \u09b8\u09ae\u09be\u09a8 \u0995\u09b2\u09be\u09ae\u09c7\u09b0 \u099c\u09a8\u09cd\u09af)<\/h2>\n<p>\u09a8\u09bf\u09ae\u09cd\u09a8\u09b2\u09bf\u0996\u09bf\u09a4 \u0989\u09a6\u09be\u09b9\u09b0\u09a3\u09c7\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u09a6\u09c7\u0996\u09be \u09af\u09be\u09ac\u09c7 \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u098f\u0995\u099f\u09bf \u09a4\u09bf\u09a8 \u09b8\u09ae\u09be\u09a8 \u09aa\u09cd\u09b0\u09b8\u09cd\u09a5 \u0995\u09b2\u09be\u09ae \u099f\u09cd\u09af\u09be\u09ac\u09b2\u09c7\u099f \u098f \u09b6\u09c1\u09b0\u09c1 \u09b9\u09df \u098f\u09ac\u0982 \u09b8\u09c7\u099f\u09be \u09ac\u09a1\u09bc \u09a1\u09c7\u09b8\u09cd\u0995\u099f\u09aa\u09c7\u09b0 \u09b8\u09cd\u0995\u09c7\u09b2\u09bf\u0982 \u09aa\u09be\u09df, \u09ae\u09cb\u09ac\u09be\u0987\u09b2\u09c7 \u0995\u09b2\u09be\u09ae\u0997\u09c1\u09b2\u09cb \u09b8\u09cd\u09ac\u09df\u0982\u0995\u09cd\u09b0\u09bf\u09df \u09ad\u09be\u09ac\u09c7 \u09b8\u09cd\u09a5\u09be\u09a8 \u09aa\u09be\u09df \u0964<\/p>\n<hr \/>\n<pre>&lt;div class=\"row\"&gt;\r\n\u00a0 &lt;div class=\"col-sm-4\"&gt;.col-sm-4&lt;\/div&gt;\r\n\u00a0 &lt;div class=\"col-sm-4\"&gt;.col-sm-4&lt;\/div&gt;\r\n\u00a0 &lt;div class=\"col-sm-4\"&gt;.col-sm-4&lt;\/div&gt;\r\n&lt;\/div&gt;<\/pre>\n<hr \/>\n<p><strong>\u09ab\u09b2\u09be\u09ab\u09b2<\/strong> : <a href=\"http:\/\/bangla.salearningschool.com\/wp-content\/uploads\/2015\/02\/%E0%A6%A4%E0%A6%BF%E0%A6%A8%E0%A6%9F%E0%A6%BF-%E0%A6%B8%E0%A6%AE%E0%A6%BE%E0%A6%A8-%E0%A6%95%E0%A6%B2%E0%A6%BE%E0%A6%AE%E0%A7%87%E0%A6%B0-%E0%A6%9C%E0%A6%A8%E0%A7%8D%E0%A6%AF.html\" target=\"_blank\">\u09a4\u09bf\u09a8\u099f\u09bf \u09b8\u09ae\u09be\u09a8 \u0995\u09b2\u09be\u09ae\u09c7\u09b0 \u099c\u09a8\u09cd\u09af<\/a><\/p>\n<p>&nbsp;<\/p>\n<h2>Three Unequal Columns (\u09a4\u09bf\u09a8\u099f\u09bf \u0985\u09b8\u09ae\u09be\u09a8 \u0995\u09b2\u09be\u09ae\u09c7\u09b0 \u099c\u09a8\u09cd\u09af)<\/h2>\n<p>\u09a8\u09bf\u09ae\u09cd\u09a8\u09b2\u09bf\u0996\u09bf\u09a4 \u0989\u09a6\u09be\u09b9\u09b0\u09a3\u09c7\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u09a6\u09c7\u0996\u09be \u09af\u09be\u09ac\u09c7 \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u09a4\u09bf\u09a8\u099f\u09bf \u09ad\u09bf\u09a8\u09cd\u09a8 \u09aa\u09cd\u09b0\u09b8\u09cd\u09a5\u09c7\u09b0 \u0995\u09b2\u09be\u09ae \u099f\u09cd\u09af\u09be\u09ac\u09b2\u09c7\u099f \u098f \u09b6\u09c1\u09b0\u09c1 \u09b9\u09df \u098f\u09ac\u0982 \u09b8\u09c7\u099f\u09be \u09ac\u09a1\u09bc \u09a1\u09c7\u09b8\u09cd\u0995\u099f\u09aa\u09c7\u09b0 \u09b8\u09cd\u0995\u09c7\u09b2\u09bf\u0982 \u09aa\u09be\u09df\u0983<\/p>\n<p><strong>\u0989\u09a6\u09be\u09b9\u09b0\u09a8\u0983<\/strong><\/p>\n<hr \/>\n<pre>&lt;div class=\"row\"&gt;\r\n\u00a0 &lt;div class=\"col-sm-3\"&gt;.col-sm-3&lt;\/div&gt;\r\n\u00a0 &lt;div class=\"col-sm-6\"&gt;.col-sm-6&lt;\/div&gt;\r\n\u00a0 &lt;div class=\"col-sm-3\"&gt;.col-sm-3&lt;\/div&gt;\r\n&lt;\/div&gt;<\/pre>\n<hr \/>\n<p><strong>\u09ab\u09b2\u09be\u09ab\u09b2<\/strong> : <a href=\"http:\/\/bangla.salearningschool.com\/wp-content\/uploads\/2015\/02\/\u09a4\u09bf\u09a8\u099f\u09bf-\u0985\u09b8\u09ae\u09be\u09a8-\u0995\u09b2\u09be\u09ae\u09c7\u09b0-\u099c\u09a8\u09cd\u09af.html\" target=\"_blank\">\u09a4\u09bf\u09a8\u099f\u09bf \u0985\u09b8\u09ae\u09be\u09a8 \u0995\u09b2\u09be\u09ae\u09c7\u09b0 \u099c\u09a8\u09cd\u09af<\/a><\/p>\n<p>&nbsp;<\/p>\n<h2>Two Unequal Columns (\u09a6\u09c1\u0987\u099f\u09bf \u0985\u09b8\u09ae\u09be\u09a8 \u0995\u09b2\u09be\u09ae\u09c7\u09b0 \u099c\u09a8\u09cd\u09af)<\/h2>\n<p>\u09a8\u09bf\u09ae\u09cd\u09a8\u09b2\u09bf\u0996\u09bf\u09a4 \u0989\u09a6\u09be\u09b9\u09b0\u09a3\u09c7\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u09a6\u09c7\u0996\u09be \u09af\u09be\u09ac\u09c7 \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u09a6\u09c1\u099f\u09bf \u09ad\u09bf\u09a8\u09cd\u09a8 \u09aa\u09cd\u09b0\u09b8\u09cd\u09a5\u09c7\u09b0 \u0995\u09b2\u09be\u09ae \u099f\u09cd\u09af\u09be\u09ac\u09b2\u09c7\u099f \u098f \u09b6\u09c1\u09b0\u09c1 \u09b9\u09df \u098f\u09ac\u0982 \u09b8\u09c7\u099f\u09be \u09ac\u09a1\u09bc \u09a1\u09c7\u09b8\u09cd\u0995\u099f\u09aa\u09c7\u09b0 \u09b8\u09cd\u0995\u09c7\u09b2\u09bf\u0982 \u09aa\u09be\u09df\u0983<\/p>\n<p><strong>\u0989\u09a6\u09be\u09b9\u09b0\u09a8\u0983<\/strong><\/p>\n<hr \/>\n<div class=\"row\">\n<pre class=\"col-sm-4\">&lt;div class=\"row\"&gt;\r\n\u00a0 &lt;div class=\"col-sm-4\"&gt;.col-sm-4&lt;\/div&gt;\r\n\u00a0 &lt;div class=\"col-sm-8\"&gt;.col-sm-8&lt;\/div&gt;\r\n&lt;\/div&gt;<\/pre>\n<hr \/>\n<p><strong>\u09ab\u09b2\u09be\u09ab\u09b2<\/strong> : <a href=\"http:\/\/bangla.salearningschool.com\/wp-content\/uploads\/2015\/02\/%E0%A6%A6%E0%A7%81%E0%A6%87%E0%A6%9F%E0%A6%BF-%E0%A6%85%E0%A6%B8%E0%A6%AE%E0%A6%BE%E0%A6%A8-%E0%A6%95%E0%A6%B2%E0%A6%BE%E0%A6%AE%E0%A7%87%E0%A6%B0-%E0%A6%9C%E0%A6%A8%E0%A7%8D%E0%A6%AF.html\" target=\"_blank\">\u09a6\u09c1\u0987\u099f\u09bf \u0985\u09b8\u09ae\u09be\u09a8 \u0995\u09b2\u09be\u09ae\u09c7\u09b0 \u099c\u09a8\u09cd\u09af<\/a><\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<h2>\u09a6\u09c1\u0987\u099f\u09bf \u09a8\u09c7\u09b8\u09cd\u099f\u09c7\u09a1 \u0995\u09b2\u09be\u09ae \u098f\u09b0 \u09b8\u09be\u09a5\u09c7 \u09a6\u09c1\u0987\u099f\u09bf \u0995\u09b2\u09be\u09ae (Two Columns With Two Nested Columns)<\/h2>\n<p>\u09a8\u09bf\u09ae\u09cd\u09a8\u09b2\u09bf\u0996\u09bf\u09a4 \u0989\u09a6\u09be\u09b9\u09b0\u09a3\u09c7 \u09a6\u09c7\u0996\u09be \u09af\u09be\u09ac\u09c7 \u09af\u09c7 \u0995\u09bf\u09ad\u09be\u09ac\u09c7 two columns \u099f\u09cd\u09af\u09be\u09ac\u09b2\u09c7\u099f \u098f \u09b6\u09c1\u09b0\u09c1 \u098f\u09ac\u0982 \u09ac\u09a1\u09bc \u09a1\u09c7\u09b8\u09cd\u0995\u099f\u09aa\u09c7 \u09b8\u09c7\u099f\u09be Scaling \u0995\u09b0\u09ac\u09c7 \u09af\u09be \u09ac\u09a1\u09bc \u0995\u09b2\u09be\u09ae\u09c7\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u0985\u09a8\u09cd\u09af \u09a6\u09c1\u099f\u09bf \u0995\u09b2\u09be\u09ae (\u09b8\u09ae\u09be\u09a8 \u09aa\u09cd\u09b0\u09b8\u09cd\u09a5) (\u09ae\u09cb\u09ac\u09be\u0987\u09b2 \u09ab\u09cb\u09a8, \u098f\u0987 \u0995\u09b2\u09be\u09ae \u098f\u09ac\u0982 \u09a4\u09be\u09a6\u09c7\u09b0 nested<br \/>\n\u0995\u09b2\u09be\u09ae stack\u09b9\u09ac\u09c7)<\/p>\n<p><strong>\u0989\u09a6\u09be\u09b9\u09b0\u09a8\u0983<\/strong><\/p>\n<hr \/>\n<pre>&lt;div class=\"row\"&gt;\r\n\u00a0 &lt;div class=\"col-sm-8\"&gt;\r\n\u00a0\u00a0\u00a0 .col-sm-8\r\n\u00a0\u00a0\u00a0 &lt;div class=\"row\"&gt;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;div class=\"col-sm-6\"&gt;.col-sm-6&lt;\/div&gt;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;div class=\"col-sm-6\"&gt;.col-sm-6&lt;\/div&gt;\r\n\u00a0\u00a0\u00a0 &lt;\/div&gt;\r\n\u00a0 &lt;\/div&gt;\r\n\u00a0 &lt;div class=\"col-sm-4\"&gt;.col-sm-4&lt;\/div&gt;\r\n&lt;\/div&gt;<\/pre>\n<hr \/>\n<p><strong>\u09ab\u09b2\u09be\u09ab\u09b2<\/strong> : <a href=\"http:\/\/bangla.salearningschool.com\/wp-content\/uploads\/2015\/02\/Two-Columns-With-Two-Nested-Columns.html\" target=\"_blank\">\u09a6\u09c1\u0987\u099f\u09bf \u09a8\u09c7\u09b8\u09cd\u099f\u09c7\u09a1 \u0995\u09b2\u09be\u09ae \u098f\u09b0 \u09b8\u09be\u09a5\u09c7 \u09a6\u09c1\u0987 \u0995\u09b2\u09be\u09ae<\/a><\/p>\n<p>&nbsp;<\/p>\n<h2>\u09ae\u09bf\u09b6\u09cd\u09b0: \u09ae\u09cb\u09ac\u09be\u0987\u09b2 \u098f\u09ac\u0982 \u09a1\u09c7\u09b8\u09cd\u0995\u099f\u09aa (Mixed: Mobile And Desktop)<\/h2>\n<p>Bootstrap grid \u09b8\u09bf\u09b8\u09cd\u099f\u09c7\u09ae\u09c7\u09b0 \u099a\u09be\u09b0\u099f\u09bf \u0995\u09cd\u09b2\u09be\u09b8 \u0986\u099b\u09c7\u0983 xs (phones), sm (tablets), md (desktops), \u098f\u09ac\u0982 lg (larger desktops) \u098f\u0987 class \u0997\u09c1\u09b2\u09cb \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u0986\u09b0\u09cb \u0997\u09a4\u09bf\u09b6\u09c0\u09b2 \u098f\u09ac\u0982 \u09a8\u09ae\u09a8\u09c0\u09af\u09bc \u09b2\u09c7\u0986\u0989\u099f \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be \u09af\u09be\u09df\u0964<\/p>\n<p>\u099f\u09bf\u09aa: \u09aa\u09cd\u09b0\u09a4\u09bf\u099f\u09bf Class \u09ac\u09b0\u09cd\u0997\u09be\u0995\u09be\u09b0, \u09a4\u09be\u0987 \u0986\u09aa\u09a8\u09bf xs \u098f\u09ac\u0982 sm \u099c\u09a8\u09cd\u09af \u098f\u0995\u0987 \u09aa\u09cd\u09b0\u09b8\u09cd\u09a5 \u09b8\u09c7\u099f \u0995\u09b0\u09a4\u09c7 \u099a\u09be\u09a8 \u09a4\u09be\u09b9\u09b2\u09c7 \u0986\u09aa\u09a8\u09be\u0995\u09c7 \u09b6\u09c1\u09a7\u09c1\u09ae\u09be\u09a4\u09cd\u09b0 xs \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u0995\u09b0\u09a4\u09c7 \u09b9\u09ac\u09c7.<\/p>\n<p><strong>\u0989\u09a6\u09be\u09b9\u09b0\u09a8\u0983<\/strong><\/p>\n<hr \/>\n<pre class=\"w3-code notranslate htmlHigh\"><span class=\"highLT\">&lt;<\/span><span class=\"highELE\">div<\/span> <span class=\"highATT\">class=<\/span><span class=\"highVAL\">\"row\"<\/span><span class=\"highGT\">&gt;<\/span>\r\n\u00a0 <span class=\"highLT\">&lt;<\/span><span class=\"highELE\">div<\/span> <span class=\"highATT\">class=<\/span><span class=\"highVAL\">\"col-xs-12 col-md-8\"<\/span><span class=\"highGT\">&gt;<\/span>.col-xs-12 .col-md-8<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/div<\/span><span class=\"highGT\">&gt;<\/span>\r\n\u00a0 <span class=\"highLT\">&lt;<\/span><span class=\"highELE\">div<\/span> <span class=\"highATT\">class=<\/span><span class=\"highVAL\">\"col-xs-6 col-md-4\"<\/span><span class=\"highGT\">&gt;<\/span>.col-xs-6 .col-md-4<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/div<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/div<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">div<\/span> <span class=\"highATT\">class=<\/span><span class=\"highVAL\">\"row\"<\/span><span class=\"highGT\">&gt;<\/span>\r\n\u00a0 <span class=\"highLT\">&lt;<\/span><span class=\"highELE\">div<\/span> <span class=\"highATT\">class=<\/span><span class=\"highVAL\">\"col-xs-6 col-md-4\"<\/span><span class=\"highGT\">&gt;<\/span>.col-xs-6 .col-md-4<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/div<\/span><span class=\"highGT\">&gt;<\/span>\r\n\u00a0 <span class=\"highLT\">&lt;<\/span><span class=\"highELE\">div<\/span> <span class=\"highATT\">class=<\/span><span class=\"highVAL\">\"col-xs-6 col-md-4\"<\/span><span class=\"highGT\">&gt;<\/span>.col-xs-6 .col-md-4<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/div<\/span><span class=\"highGT\">&gt;<\/span>\r\n\u00a0 <span class=\"highLT\">&lt;<\/span><span class=\"highELE\">div<\/span> <span class=\"highATT\">class=<\/span><span class=\"highVAL\">\"col-xs-6 col-md-4\"<\/span><span class=\"highGT\">&gt;<\/span>.col-xs-6 .col-md-4<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/div<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/div<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">div<\/span> <span class=\"highATT\">class=<\/span><span class=\"highVAL\">\"row\"<\/span><span class=\"highGT\">&gt;<\/span>\r\n\u00a0 <span class=\"highLT\">&lt;<\/span><span class=\"highELE\">div<\/span> <span class=\"highATT\">class=<\/span><span class=\"highVAL\">\"col-xs-6\"<\/span><span class=\"highGT\">&gt;<\/span>.col-xs-6<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/div<\/span><span class=\"highGT\">&gt;<\/span>\r\n\u00a0 <span class=\"highLT\">&lt;<\/span><span class=\"highELE\">div<\/span> <span class=\"highATT\">class=<\/span><span class=\"highVAL\">\"col-xs-6\"<\/span><span class=\"highGT\">&gt;<\/span>.col-xs-6<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/div<\/span><span class=\"highGT\">&gt;<\/span>\r\n<span class=\"highLT\">&lt;<\/span><span class=\"highELE\">\/div<\/span><span class=\"highGT\">&gt;<\/span><\/pre>\n<hr \/>\n<div class=\"row\">\n<div class=\"col-xs-12 col-md-8\" style=\"text-align: left;\"><strong>\u09ab\u09b2\u09be\u09ab\u09b2<\/strong> :\u00a0<a href=\"http:\/\/bangla.salearningschool.com\/wp-content\/uploads\/2015\/02\/Mixed-Mobile-And-Desktop.html\" target=\"_blank\">\u09ae\u09bf\u09b6\u09cd\u09b0: \u09ae\u09cb\u09ac\u09be\u0987\u09b2 \u098f\u09ac\u0982 \u09a1\u09c7\u09b8\u09cd\u0995\u099f\u09aa<\/a><\/div>\n<\/div>\n<p><strong>\u099f\u09bf\u09aa\u09b8:<\/strong> \u09ae\u09a8\u09c7 \u09b0\u09be\u0996\u09ac\u09c7\u09a8, \u0997\u09cd\u09b0\u09bf\u09a1 \u0995\u09b2\u09be\u09ae\u09c7 \u098f\u0995\u099f\u09bf \u09b8\u09be\u09b0\u09bf \u099c\u09a8\u09cd\u09af \u09ac\u09be\u09b0\u09cb \u09aa\u09b0\u09cd\u09af\u09a8\u09cd\u09a4 \u09af\u09cb\u0997 \u0995\u09b0\u09be \u09af\u09c7\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7, \u098f\u09b0 \u09ac\u09c7\u09b6\u09bf \u09b9\u09b2\u09c7 \u0995\u09b2\u09be\u09ae \u0995\u09cb\u09a8 \u09ac\u09cd\u09af\u09be\u09aa\u09be\u09b0 viewport \u09b8\u09cd\u099f\u09cd\u09af\u09be\u0995 \u0995\u09b0\u09ac\u09c7 \u09a8\u09be \u0964<\/p>\n<p>&nbsp;<\/p>\n<h2>\u09ae\u09bf\u09b6\u09cd\u09b0: \u09ae\u09cb\u09ac\u09be\u0987\u09b2, \u099f\u09cd\u09af\u09be\u09ac\u09b2\u09c7\u099f \u098f\u09ac\u0982 \u09a1\u09c7\u09b8\u09cd\u0995\u099f\u09aa (Mixed: Mobile, Tablet And Desktop)<\/h2>\n<p><strong>\u0989\u09a6\u09be\u09b9\u09b0\u09a8\u0983<\/strong><\/p>\n<hr \/>\n<pre>&lt;div class=\"row\"&gt;\r\n\u00a0 &lt;div class=\"col-xs-12 col-sm-6 col-lg-8\"&gt;.col-xs-12 .col-sm-6 .col-lg-8&lt;\/div&gt;\r\n\u00a0 &lt;div class=\"col-xs-6 col-lg-4\"&gt;.col-xs-6 .col-lg-4&lt;\/div&gt;\r\n&lt;\/div&gt;\r\n&lt;div class=\"row\"&gt;\r\n\u00a0 &lt;div class=\"col-xs-6 col-sm-4\"&gt;.col-xs-6 .col-sm-4&lt;\/div&gt;\r\n\u00a0 &lt;div class=\"col-xs-6 col-sm-4\"&gt;.col-xs-6 .col-sm-4&lt;\/div&gt;\r\n\u00a0 &lt;div class=\"col-xs-6 col-sm-4\"&gt;.col-xs-6 .col-sm-4&lt;\/div&gt;\r\n&lt;\/div&gt;<\/pre>\n<hr \/>\n<p><strong>\u09ab\u09b2\u09be\u09ab\u09b2<\/strong> : <a href=\"http:\/\/bangla.salearningschool.com\/wp-content\/uploads\/2015\/02\/Mobile-Tablet-And-Desktop.html\" target=\"_blank\">\u09ae\u09bf\u09b6\u09cd\u09b0: \u09ae\u09cb\u09ac\u09be\u0987\u09b2, \u099f\u09cd\u09af\u09be\u09ac\u09b2\u09c7\u099f \u098f\u09ac\u0982 \u09a1\u09c7\u09b8\u09cd\u0995\u099f\u09aa<\/a><\/p>\n<p>&nbsp;<\/p>\n<h2>Clear Floats<\/h2>\n<p>\u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u09ac\u09cd\u09b0\u09c7\u0995\u09aa\u09af\u09bc\u09c7\u09a8\u09cd\u099f \u098f Clear floats (<code>.clearfix<\/code> class \u098f\u09b0 \u09b8\u0999\u09cd\u0997\u09c7) \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df \u09af\u09be\u09a4\u09c7 uneven content \u098f\u09b0 \u09b8\u09be\u09a5\u09c7 strange wrapping \u09aa\u09cd\u09b0\u09a4\u09bf\u09b0\u09cb\u09a7 \u0995\u09b0\u09be \u09af\u09be\u09df \u0964<\/p>\n<p><strong>\u0989\u09a6\u09be\u09b9\u09b0\u09a8\u0983<\/strong><\/p>\n<hr \/>\n<pre>&lt;div class=\"row\"&gt;\r\n\u00a0 &lt;div class=\"col-xs-6 col-sm-3\"&gt;\r\n\u00a0\u00a0\u00a0 Column 1\r\n\u00a0\u00a0\u00a0 &lt;br&gt;\r\n\u00a0\u00a0\u00a0 Resize the browser window to see the effect.\r\n\u00a0 &lt;\/div&gt;\r\n\u00a0 &lt;div class=\"col-xs-6 col-sm-3\"&gt;Column 2&lt;\/div&gt;\r\n\u00a0 &lt;!-- Add clearfix for only the required viewport --&gt;\r\n\u00a0 &lt;div class=\"clearfix visible-xs\"&gt;&lt;\/div&gt;\r\n\u00a0 &lt;div class=\"col-xs-6 col-sm-3\"&gt;Column 3&lt;\/div&gt;\r\n\u00a0 &lt;div class=\"col-xs-6 col-sm-3\"&gt;Column 4&lt;\/div&gt;\r\n&lt;\/div&gt;<\/pre>\n<hr \/>\n<p><strong>\u09ab\u09b2\u09be\u09ab\u09b2<\/strong> : <a href=\"http:\/\/bangla.salearningschool.com\/wp-content\/uploads\/2015\/02\/Clear-Float.html\" target=\"_blank\">Clear Float<\/a><\/p>\n<p>&nbsp;<\/p>\n<h2>\u09ad\u09be\u09b0\u09b8\u09be\u09ae\u09cd\u09af \u0995\u09b0\u09be \u0995\u09b2\u09be\u09ae (Offsetting Columns)<\/h2>\n<p><code>.col-md-offset-*<\/code> classes \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u0995\u09b2\u09be\u09ae\u0995\u09c7 \u09a1\u09be\u09a8 \u09aa\u09be\u09b6\u09cd\u09b0 \u09b8\u09b0\u09bf\u09df\u09c7 \u09a8\u09c7\u09df\u09be \u09b9\u09df \u0964<\/p>\n<p>\u098f\u0987 \u0995\u09cd\u09b2\u09be\u09b8 * \u0995\u09b2\u09be\u09ae \u098f\u09b0 \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af\u09c7 \u0995\u09b2\u09be\u09ae\u09c7\u09b0 \u09ac\u09be\u09ae \u09ae\u09be\u09b0\u09cd\u099c\u09bf\u09a8 \u09ac\u09c3\u09a6\u09cd\u09a7\u09bf \u0995\u09b0\u09c7:<\/p>\n<p><strong>\u0989\u09a6\u09be\u09b9\u09b0\u09a8\u0983<\/strong><\/p>\n<hr \/>\n<pre>&lt;div class=\"row\"&gt;\r\n\u00a0 &lt;div class=\"col-sm-5 col-md-6\"&gt;.col-sm-5 .col-md-6&lt;\/div&gt;\r\n\u00a0 &lt;div class=\"col-sm-5 col-sm-offset-2 col-md-6 col-md-offset-0\"&gt;\r\n\u00a0 .col-sm-5 .col-sm-offset-2 .col-md-6 .col-md-offset-0&lt;\/div&gt;\r\n&lt;\/div&gt;<\/pre>\n<hr \/>\n<p><strong>\u09ab\u09b2\u09be\u09ab\u09b2<\/strong> : <a href=\"http:\/\/bangla.salearningschool.com\/wp-content\/uploads\/2015\/02\/Offsetting-Column.html\" target=\"_blank\">Offsetting Column<\/a><\/p>\n<p>&nbsp;<\/p>\n<h2>\u09a7\u09be\u0995\u09cd\u0995\u09be \u0993 \u099f\u09be\u09a8\u09be &#8211; \u0995\u09b2\u09be\u09ae\u09c7\u09b0 \u0995\u09cd\u09b0\u09ae \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8 (Push And Pull &#8211; Change Column Ordering)<\/h2>\n<p><code>.col-md-push-*<\/code> \u098f\u09ac\u0982 <code>.col-md-pull-*<\/code> classes \u098f\u09b0 \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af\u09c7 grid columns \u098f\u09b0 order \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8 \u0995\u09b0\u09be \u09b9\u09df \u0964<\/p>\n<p><strong>\u0989\u09a6\u09be\u09b9\u09b0\u09a8\u0983<\/strong><\/p>\n<hr \/>\n<pre>&lt;div class=\"row\"&gt;\r\n\u00a0 &lt;div class=\"col-sm-4 col-sm-push-8\"&gt;.col-sm-4 .col-sm-push-8&lt;\/div&gt;\r\n\u00a0 &lt;div class=\"col-sm-8 col-sm-pull-4\"&gt;.col-sm-8 .col-sm-pull-4&lt;\/div&gt;\r\n&lt;\/div&gt;<\/pre>\n<hr \/>\n<p><strong>\u09ab\u09b2\u09be\u09ab\u09b2<\/strong> : <a href=\"http:\/\/bangla.salearningschool.com\/wp-content\/uploads\/2015\/02\/Push-And-Pull.html\" target=\"_blank\">Push And Pull<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>\u09a7\u09a8\u09cd\u09af\u09ac\u09be\u09a6 \u09ae\u09a8\u09af\u09cb\u0997 \u09b8\u09b9\u0995\u09be\u09b0\u09c7 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2\u099f\u09bf \u09aa\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af\u0964 \u0986\u09b6\u09be \u0995\u09b0\u09bf \u09ac\u09c1\u099d\u09a4\u09c7 \u09aa\u09c7\u09b0\u09c7\u099b\u09c7\u09a8 \u0964<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u09a8\u09bf\u099a\u09c7 Bootstrap grid layouts \u098f\u09b0 \u0995\u09bf\u099b\u09c1 \u0989\u09a6\u09be\u09b9\u09b9\u09b0\u09a8 \u09b2\u0995\u09cd\u09b7\u09cd\u09af \u0995\u09b0\u09be \u09af\u09be\u0995\u0983 Three Equal Columns (\u09a4\u09bf\u09a8\u099f\u09bf \u09b8\u09ae\u09be\u09a8 \u0995\u09b2\u09be\u09ae\u09c7\u09b0 \u099c\u09a8\u09cd\u09af) \u09a8\u09bf\u09ae\u09cd\u09a8\u09b2\u09bf\u0996\u09bf\u09a4 \u0989\u09a6\u09be\u09b9\u09b0\u09a3\u09c7\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u09a6\u09c7\u0996\u09be \u09af\u09be\u09ac\u09c7 \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u098f\u0995\u099f\u09bf \u09a4\u09bf\u09a8 \u09b8\u09ae\u09be\u09a8 \u09aa\u09cd\u09b0\u09b8\u09cd\u09a5 \u0995\u09b2\u09be\u09ae \u099f\u09cd\u09af\u09be\u09ac\u09b2\u09c7\u099f \u098f \u09b6\u09c1\u09b0\u09c1 \u09b9\u09df \u098f\u09ac\u0982 \u09b8\u09c7\u099f\u09be \u09ac\u09a1\u09bc \u09a1\u09c7\u09b8\u09cd\u0995\u099f\u09aa\u09c7\u09b0 \u09b8\u09cd\u0995\u09c7\u09b2\u09bf\u0982 \u09aa\u09be\u09df, \u09ae\u09cb\u09ac\u09be\u0987\u09b2\u09c7 \u0995\u09b2\u09be\u09ae\u0997\u09c1\u09b2\u09cb \u09b8\u09cd\u09ac\u09df\u0982\u0995\u09cd\u09b0\u09bf\u09df \u09ad\u09be\u09ac\u09c7 \u09b8\u09cd\u09a5\u09be\u09a8 \u09aa\u09be\u09df \u0964 &lt;div class=&#8221;row&#8221;&gt; \u00a0 &lt;div class=&#8221;col-sm-4&#8243;&gt;.col-sm-4&lt;\/div&gt; \u00a0 &lt;div class=&#8221;col-sm-4&#8243;&gt;.col-sm-4&lt;\/div&gt; \u00a0 &lt;div &hellip; <\/p>\n<p><a class=\"more-link btn\" href=\"http:\/\/bangla.sitestree.com\/?p=6315\">Continue reading<\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[178],"tags":[1720,1324,629,1243,628,1766,204,1765,1764,522],"class_list":["post-6315","post","type-post","status-publish","format-standard","hentry","category-178","tag-bootstrap","tag-float","tag-grid","tag-1243","tag-628","tag-1766","tag-204","tag-1765","tag-1764","tag-522","item-wrap"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":6307,"url":"http:\/\/bangla.sitestree.com\/?p=6307","url_meta":{"origin":6315,"position":0},"title":"\u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u0997\u09cd\u09b0\u09bf\u09a1 \u09b8\u09bf\u09b8\u09cd\u099f\u09c7\u09ae (Bootstrap Grid System)","author":"Author-Check- Article-or-Video","date":"February 14, 2015","format":false,"excerpt":"\u09b6\u09c7\u0996 \u09ae\u09be\u09b9\u09ab\u09c1\u099c\u09c1\u09b0 \u09b0\u09b9\u09ae\u09be\u09a8 \u00a0 \u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa\u09c7\u09b0 \u0997\u09cd\u09b0\u09bf\u09a1 \u09b8\u09bf\u09b8\u09cd\u099f\u09c7\u09ae \u098f\u0995\u099f\u09bf \u09aa\u09c7\u099c\u09c7 \u09e7\u09e8\u099f\u09bf \u09aa\u09b0\u09cd\u09af\u09a8\u09cd\u09a4 \u0995\u09b2\u09be\u09ae \u09af\u09cb\u0997 \u0995\u09b0\u09a4\u09c7 \u09a6\u09c7\u09df\u0964 \u0986\u09aa\u09a8\u09bf \u09af\u09a6\u09bf \u0986\u09b2\u09be\u09a6\u09be\u09ad\u09be\u09ac\u09c7 \u09b8\u09ac\u0997\u09c1\u09b2\u09cb (\u09e7\u09e8\u099f\u09bf) \u0995\u09b2\u09be\u09ae \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09a4\u09c7 \u09a8\u09be \u099a\u09be\u09a8 \u09a4\u09be\u09b9\u09b2\u09c7 \u0995\u09bf\u099b\u09c1 \u0995\u09b2\u09be\u09ae\u0995\u09c7 \u0997\u09cd\u09b0\u09c1\u09aa \u09ac\u09be \u0997\u09c1\u099a\u09cd\u099b\u09be\u0995\u09c3\u09a4 \u0995\u09b0\u09c7 \u09aa\u09cd\u09b0\u09b6\u09b8\u09cd\u09a4\u09a4\u09a4\u09b0 \u0995\u09b2\u09be\u09ae \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8\u0983 span 1 span 1 span 1 span 1 span 1 span 1 span\u2026","rel":"","context":"In &quot;\u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u09e9 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (Bootstrap 3 Tutorial)&quot;","block_context":{"text":"\u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u09e9 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (Bootstrap 3 Tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=178"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6274,"url":"http:\/\/bangla.sitestree.com\/?p=6274","url_meta":{"origin":6315,"position":1},"title":"\u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u0997\u09cd\u09b0\u09bf\u09a1\u09b8 (Bootstrap Grids)","author":"Author-Check- Article-or-Video","date":"February 12, 2015","format":false,"excerpt":"\u09b6\u09c7\u0996 \u09ae\u09be\u09b9\u09ab\u09c1\u099c\u09c1\u09b0 \u09b0\u09b9\u09ae\u09be\u09a8 \u00a0 \u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u0997\u09cd\u09b0\u09bf\u09a1 \u09b8\u09bf\u09b8\u09cd\u099f\u09c7\u09ae \u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u0997\u09cd\u09b0\u09bf\u09a1 \u09b8\u09bf\u09b8\u09cd\u099f\u09c7\u09ae \u09aa\u09c1\u09b0\u09cb \u09aa\u09c7\u099c\u09c7 \u09e7\u09e8\u099f\u09bf \u0995\u09b2\u09be\u09ae \u09af\u09cb\u0997 \u0995\u09b0\u09a4\u09c7 \u09a6\u09c7\u09df\u0964 \u09af\u09a6\u09bf \u0986\u09aa\u09a8\u09bf \u09e7\u09e8\u099f\u09bf \u0995\u09b2\u09be\u09ae \u0986\u09b2\u09be\u09a6\u09be \u0986\u09b2\u09be\u09a6\u09be\u09ad\u09be\u09ac\u09c7 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09a4\u09c7 \u09a8\u09be \u099a\u09be\u09a8, \u09a4\u09be\u09b9\u09b2\u09c7 \u0995\u09df\u09c7\u0995\u099f\u09bf \u0995\u09b2\u09be\u09ae\u0995\u09c7 \u098f\u0995\u09b8\u09be\u09a5\u09c7 \u098f\u0995\u09a4\u09cd\u09b0 \u0995\u09b0\u09c7 \u09aa\u09cd\u09b0\u09b6\u09b8\u09cd\u09a4 \u0995\u09b2\u09be\u09ae \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u09a8\u0983 span 1 span 1 span 1 span 1 span 1 span 1\u2026","rel":"","context":"In &quot;\u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u09e9 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (Bootstrap 3 Tutorial)&quot;","block_context":{"text":"\u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u09e9 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (Bootstrap 3 Tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=178"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6313,"url":"http:\/\/bangla.sitestree.com\/?p=6313","url_meta":{"origin":6315,"position":2},"title":"\u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u0997\u09cd\u09b0\u09bf\u09a1 &#8211; \u09ac\u09a1\u09bc \u09a1\u09bf\u09ad\u09be\u0987\u09b8 \u0964 Bootstrap Grid &#8211; Large Devices","author":"Author-Check- Article-or-Video","date":"February 14, 2015","format":false,"excerpt":"\u09aa\u09c2\u09b0\u09cd\u09ac\u09c7\u09b0 \u0985\u09a7\u09cd\u09af\u09be\u09df\u09c7 \u0986\u09ae\u09b0\u09be \u099b\u09cb\u099f (small) \u098f\u09ac\u0982 \u09ae\u09be\u099d\u09be\u09b0\u09bf (medium) device \u098f\u09b0 \u099c\u09a8\u09cd\u09af class \u09b8\u09b9 grid \u098f\u09b0 \u0989\u09a6\u09be\u09b9\u09b0\u09a3 \u0986\u09b2\u09cb\u099a\u09a8\u09be \u0995\u09b0\u09c7\u099b\u09bf\u0964 \u09b8\u09c7\u0996\u09be\u09a8\u09c7 \u09a6\u09c1\u0987\u099f\u09bf div \u09b0\u09c7\u0996\u09c7 \u09b9\u09df, \u09af\u09be\u09a6\u09c7\u09b0 \u099b\u09cb\u099f device \u098f\u09b0 \u099c\u09a8\u09cd\u09af \u09e8\u09eb% \/\u09ed\u09eb% \u098f\u09ac\u0982 \u09ae\u09be\u099d\u09be\u09b0\u09bf device \u098f\u09b0 \u099c\u09a8\u09cd\u09af \u09eb\u09e6% \/\u09eb\u09e6% \u09ad\u09be\u0997\u09c7 \u09ad\u09be\u0997 (split) \u0995\u09b0\u09be \u09b9\u09df\u0964 <div class=\"col-sm-3 col-md-6\">....<\/div> <div class=\"col-sm-9 col-md-6\">....<\/div> \u00a0 \u09a4\u09ac\u09c7\u2026","rel":"","context":"In &quot;\u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u09e9 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (Bootstrap 3 Tutorial)&quot;","block_context":{"text":"\u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u09e9 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (Bootstrap 3 Tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=178"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6311,"url":"http:\/\/bangla.sitestree.com\/?p=6311","url_meta":{"origin":6315,"position":3},"title":"\u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u0997\u09cd\u09b0\u09bf\u09a1 &#8211; \u09ae\u09a7\u09cd\u09af\u09ae \u09a1\u09bf\u09ad\u09be\u0987\u09b8 \u0964 Bootstrap Grid &#8211; Medium Devices","author":"Author-Check- Article-or-Video","date":"February 14, 2015","format":false,"excerpt":"\u09aa\u09c2\u09b0\u09cd\u09ac\u09ac\u09b0\u09cd\u09a4\u09c0 \u0985\u09a7\u09cd\u09af\u09be\u09df\u09c7 \u0986\u09ae\u09b0\u09be \u099b\u09cb\u099f \u09a1\u09bf\u09ad\u09be\u0987\u09b8\u09c7\u09b0 \u099c\u09a8\u09cd\u09af Class \u09b8\u09b9 \u098f\u0995\u099f\u09bf Grid \u098f\u09b0 \u0989\u09a6\u09be\u09b9\u09b0\u09a8 \u09a6\u09c7\u0996\u09bf\u09df\u09c7\u099b\u09bf\u09b2\u09be\u09ae\u0964 \u0986\u09ae\u09b0\u09be \u09b8\u09c7\u0996\u09be\u09a8\u09c7 \u09a6\u09c1\u0987\u099f\u09bf divs (\u0995\u09b2\u09be\u09ae ) \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7\u099b\u09bf\u09b2\u09be\u09ae \u098f\u09ac\u09c1\u0982 \u0986\u09ae\u09b0\u09be \u09b8\u09c7\u0996\u09be\u09a8\u09c7 25%\/75% \u098f\u09b0 \u09ac\u09bf\u09ad\u0995\u09cd\u09a4\u09bf \u09a6\u09c7\u0996\u09bf\u09df\u09c7\u099b\u09bf\u0964 <div class=\"col-sm-3\">....<\/div> <div class=\"col-sm-9\">....<\/div> \u00a0 \u0995\u09bf\u09a8\u09cd\u09a4\u09c1 \u09ae\u09be\u099d\u09be\u09b0\u09bf \u09a1\u09bf\u09ad\u09be\u0987\u09b8\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09b8\u09ac \u09a5\u09c7\u0995\u09c7 \u09ad\u09be\u09b2 \u09b9\u09ac\u09c7 \u09af\u09a6\u09bf 50%\/50% \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df\u0964 \u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6\u09a8\u09be\u0983 \u09ae\u09be\u099d\u09be\u09b0\u09bf \u09b0\u0995\u09ae\u09c7\u09b0 \u09a1\u09bf\u09ad\u09be\u0987\u09b8\u09c7\u09b0\u2026","rel":"","context":"In &quot;\u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u09e9 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (Bootstrap 3 Tutorial)&quot;","block_context":{"text":"\u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u09e9 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (Bootstrap 3 Tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=178"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6309,"url":"http:\/\/bangla.sitestree.com\/?p=6309","url_meta":{"origin":6315,"position":4},"title":"\u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u0997\u09cd\u09b0\u09bf\u09a1 \u2013 \u09b8\u09cd\u099f\u09cd\u09af\u09be\u0995\u09a1-\u099f\u09c1-\u09b9\u09b0\u09be\u0987\u099c\u09a8\u09cd\u099f\u09be\u09b2 (Bootstrap Grid &#8211; Stacked-to-horizontal)","author":"Author-Check- Article-or-Video","date":"February 14, 2015","format":false,"excerpt":"\u09b6\u09c7\u0996 \u09ae\u09be\u09b9\u09ab\u09c1\u099c\u09c1\u09b0 \u09b0\u09b9\u09ae\u09be\u09a8 \u00a0 \u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u0997\u09cd\u09b0\u09bf\u09a1\u09c7\u09b0 \u0989\u09a6\u09be\u09b9\u09b0\u09a3\u0983 \u09b8\u09cd\u099f\u09cd\u09af\u09be\u0995\u09a1 \u09a5\u09c7\u0995\u09c7 \u09b9\u09b0\u09be\u0987\u099c\u09a8\u09cd\u099f\u09be\u09b2 \u0986\u09ae\u09b0\u09be \u098f\u0995\u099f\u09bf \u09b8\u09be\u09a7\u09be\u09b0\u09a3 \u0997\u09cd\u09b0\u09bf\u09a1 \u09b8\u09bf\u09b8\u09cd\u099f\u09c7\u09ae \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09ac\u09cb \u09af\u09be \u09ae\u09cb\u09ac\u09be\u0987\u09b2\/\u099f\u09c7\u09ac\u09b2\u09c7\u099f-\u098f \u09b8\u09cd\u099f\u09cd\u09af\u09be\u0995\u09a1 \u09ac\u09be \u09b8\u09cd\u09a4\u09c1\u09aa\u09be\u0995\u09be\u09b0\u09c7 (\u098f\u0995\u099f\u09bf\u09b0 \u0989\u09aa\u09b0 \u0986\u09b0\u09c7\u0995\u099f\u09bf) \u09a6\u09c7\u0996\u09be\u09ac\u09c7, \u0995\u09bf\u09a8\u09cd\u09a4\u09c1 \u09ae\u09be\u099d\u09be\u09b0\u09c0\/\u09ac\u09dc \u09a1\u09bf\u09ad\u09be\u0987\u09b8 \u09af\u09c7\u09ae\u09a8 \u09a1\u09c7\u09b8\u09cd\u0995\u099f\u09aa\u09c7 \u09b9\u09b0\u09be\u0987\u099c\u09a8\u09cd\u099f\u09be\u09b2 \u09b9\u09df\u09c7 \u09af\u09be\u09ac\u09c7\u0964 \u09a8\u09bf\u099a\u09c7\u09b0 \u0989\u09a6\u09be\u09b9\u09b0\u09a3\u099f\u09bf \u098f\u0995\u099f\u09bf \u0996\u09c1\u09ac\u0987 \u09b8\u09be\u09a7\u09be\u09b0\u09a3 \"stacked-to-horizontal\" \u09b2\u09c7\u0986\u0989\u099f \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09c7\u0983 \u0989\u09a6\u09be\u09b9\u09b0\u09a3\u0983 Stacked-to-horizontal <div class=\"container\"> \u00a0 <h1>Hello World!<\/h1>\u2026","rel":"","context":"In &quot;\u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u09e9 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (Bootstrap 3 Tutorial)&quot;","block_context":{"text":"\u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u09e9 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (Bootstrap 3 Tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=178"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6321,"url":"http:\/\/bangla.sitestree.com\/?p=6321","url_meta":{"origin":6315,"position":5},"title":"Bootstrap Case: \u098f\u0995\u09be\u09a7\u09bf\u0995 \u0995\u09b2\u09be\u09ae \u098f\u09b0 \u09ac\u09bf\u09a8\u09cd\u09af\u09be\u09b8 (Multicolumn Layout)","author":"Author-Check- Article-or-Video","date":"February 14, 2015","format":false,"excerpt":"\u098f\u0995\u09be\u09a7\u09bf\u0995 \u0995\u09b2\u09be\u09ae \u098f\u09b0 \u09ac\u09bf\u09a8\u09cd\u09af\u09be\u09b8 Bootstrap \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u09b8\u09b9\u099c\u09c7\u0987 multicolumn layout \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be \u09af\u09be\u09df \u0964 Bootstrap \u098f\u0995\u099f\u09bf \u09aa\u09cd\u09b0\u09a4\u09bf\u0995\u09cd\u09b0\u09bf\u09af\u09bc\u09be\u09b6\u09c0\u09b2 \u098f\u09ac\u0982 mobile-first 12-column grid system \u09a6\u09bf\u09df\u09c7 \u09a5\u09be\u0995\u09c7\u0964 \u09ac\u09bf\u09ad\u09bf\u09a8\u09cd\u09a8 \u09b8\u09cd\u0995\u09cd\u09b0\u09c0\u09a8 \u09b8\u09be\u0987\u099c\u09c7 \u0995\u09b2\u09be\u09ae \u0997\u09c1\u09b2\u09cb \u09a8\u09bf\u099c\u09c7\u09a6\u09c7\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u09aa\u09c1\u09a8\u09b0\u09be\u09df \u09b8\u099c\u09cd\u099c\u09bf\u09a4 \u09b9\u09df\u0964 Grid \u098f\u09b0 \u09b2\u09bf\u099b\u09c1 \u09a8\u09bf\u09df\u09ae\u09be\u09ac\u09b2\u09bf\u0983 \u098f\u0995\u099f\u09bf \u09a7\u09be\u09b0\u0995 \u09a6\u09bf\u09af\u09bc\u09c7 \u09b6\u09c1\u09b0\u09c1 \u0995\u09b0\u09c1\u09a8 \u0964 <div class=\"row\"> \u09a6\u09cd\u09ac\u09be\u09b0\u09be \u098f\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u09b8\u09be\u09b0\u09bf\u2026","rel":"","context":"In &quot;\u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u09e9 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (Bootstrap 3 Tutorial)&quot;","block_context":{"text":"\u09ac\u09c1\u099f\u09b8\u09cd\u099f\u09cd\u09b0\u09cd\u09af\u09be\u09aa \u09e9 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (Bootstrap 3 Tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=178"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/6315","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6315"}],"version-history":[{"count":6,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/6315\/revisions"}],"predecessor-version":[{"id":11929,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/6315\/revisions\/11929"}],"wp:attachment":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6315"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6315"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}