diff --git a/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Borders.cshtml b/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Borders.cshtml
new file mode 100644
index 0000000000..a9fe5ce6d9
--- /dev/null
+++ b/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Borders.cshtml
@@ -0,0 +1,48 @@
+@page
+@model Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo.Pages.Components.BordersModel
+@{
+    ViewData["Title"] = "Borders";
+}
+
+<h2>Borders</h2>
+
+<p>Based on <a href="https://getbootstrap.com/docs/4.1/components/border/" target="_blank"> Bootstrap Border</a>.</p>
+
+<h4># Borders Examples</h4>
+
+<div class="demo-with-code">
+    <div class="demo-area">
+
+        <span abp-border></span>
+        <span abp-border="top"></span>
+        <span abp-border="Right"></span>
+        <span abp-border="Left"></span>
+        <span abp-border="Bottom"></span>
+        <span abp-border="top_0"></span>
+        <span abp-border="Right_0"></span>
+        <span abp-border="Left_0"></span>
+        <span abp-border="Bottom_0"></span>
+        <span abp-border="Top_Primary"></span>
+        <span abp-border="Warning_0"></span>
+        <span abp-border="Bottom_Primary_0"></span>
+        <span abp-border="Left_Danger"></span>
+
+    </div>
+    <div class="code-area">
+        <pre>
+&lt;span abp-border&gt;&lt;/span&gt;
+&lt;span abp-border=&quot;top&quot;&gt;&lt;/span&gt;
+&lt;span abp-border=&quot;Right&quot;&gt;&lt;/span&gt;
+&lt;span abp-border=&quot;Left&quot;&gt;&lt;/span&gt;
+&lt;span abp-border=&quot;Bottom&quot;&gt;&lt;/span&gt;
+&lt;span abp-border=&quot;top_0&quot;&gt;&lt;/span&gt;
+&lt;span abp-border=&quot;Right_0&quot;&gt;&lt;/span&gt;
+&lt;span abp-border=&quot;Left_0&quot;&gt;&lt;/span&gt;
+&lt;span abp-border=&quot;Bottom_0&quot;&gt;&lt;/span&gt;
+&lt;span abp-border=&quot;Top_Primary&quot;&gt;&lt;/span&gt;
+&lt;span abp-border=&quot;Warning_0&quot;&gt;&lt;/span&gt;
+&lt;span abp-border=&quot;Bottom_Primary_0&quot;&gt;&lt;/span&gt;
+&lt;span abp-border=&quot;Left_Danger&quot;&gt;&lt;/span&gt;
+</pre>
+    </div>
+</div>
diff --git a/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Borders.cshtml.cs b/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Borders.cshtml.cs
new file mode 100644
index 0000000000..1250014b6a
--- /dev/null
+++ b/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Borders.cshtml.cs
@@ -0,0 +1,17 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Mvc.RazorPages;
+
+namespace Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo.Pages.Components
+{
+    public class BordersModel : PageModel
+    {
+        public void OnGet()
+        {
+
+        }
+    }
+}
\ No newline at end of file