added display headings & property classes

data/bootstrap-4.json

@@ -130,6 +130,27 @@
              }
           ]
        },
+       {
+          "title": "ডিসপ্লে হেডিংস",
+          "items":[
+             {
+               "definition": "ডিসপ্লে ওয়ান",
+               "code": "<h1 class='display-1'>Display 1</h1>"
+             },
+             {
+               "definition": "ডিসপ্লে টু",
+               "code": "<h1 class='display-2'>Display 2</h1>"
+             },
+             {
+               "definition": "ডিসপ্লে থ্রি",
+               "code": "<h1 class='display-3'>Display 3</h1>"
+             },
+             {
+               "definition": "ডিসপ্লে ফোর",
+               "code": "<h1 class='display-4'>Display 4</h1>"
+             }
+         ]
+       },
        {
           "title":"টেবিল ক্লাস",
           "items":[
@@ -201,7 +222,7 @@
              },
              {
                 "definition":"না ভাসানো",
-                "code":"<div class='float-left'>...</div>"
+                "code":"<div class='float-none'>...</div>"
              },
              {
                 "definition":"স্ক্রীন প্রস্থ যখন ৫৭৬ পিক্সেল এর সমান বা বড়",
@@ -229,6 +250,47 @@
                 "code":"<div class='clearfix'>...</div>"
              }
           ]
+       },
+       {
+          "title":"ডিসপ্লে প্রোপার্টি",
+          "items":[
+             {
+                "definition":"প্রদর্শন না করা",
+                "code": "<div class='d-none'> Display None </div>"
+             },
+             {
+                "definition":"ইনলাইন",
+                "code": "<div class='d-inline'> Display Inline </div>"
+             },
+             {
+                "definition":"ইনলাইন ব্লক",
+                "code": "<div class='d-inline-block'> Display Inline Block </div>"
+             },
+             {
+                "definition":"ব্লক",
+                "code": "<div class='d-block'> Display Block </div>"
+             },
+             {
+                "definition":"টেবিল",
+                "code": "<div class='d-table'> Display Table </div>"
+             },
+             {
+                "definition":"টেবিল সেল",
+                "code": "<div class='d-table-cell'> Display Table Cell </div>"
+             },
+             {
+                "definition":"টেবিল রো",
+                "code": "<div class='d-table-row'> Display Table Row </div>"
+             },
+             {
+                "definition":"ফ্লেক্স",
+                "code": "<div class='d-flex'> Display Flex </div>"
+             },
+             {
+                "definition":"ইনলাইন ফ্লেক্স",
+                "code": "<div class='d-inline-flex'> Display Inline Flex </div>"
+             }
+          ]
        }
     ]
  }