basic form-group tag helper

src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Form/AbpFormGroupTagHelper.cs

@@ -0,0 +1,16 @@
+using JetBrains.Annotations;
+
+namespace Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.TagHelpers.Form
+{
+    public class AbpFormGroupTagHelper : AbpTagHelper<AbpFormGroupTagHelper, AbpFormGroupTagHelperService>
+    {
+        
+        public bool Checkbox { get; set; }
+
+        public AbpFormGroupTagHelper(AbpFormGroupTagHelperService tagHelperService)
+            : base(tagHelperService)
+        {
+
+        }
+    }
+}

src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Form/AbpFormGroupTagHelperService.cs

@@ -0,0 +1,19 @@
+using System.Text;
+using Microsoft.AspNetCore.Razor.TagHelpers;
+using Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Microsoft.AspNetCore.Razor.TagHelpers;
+
+namespace Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.TagHelpers.Form
+{
+    public class AbpFormGroupTagHelperService : AbpTagHelperService<AbpFormGroupTagHelper>
+    {
+        public override void Process(TagHelperContext context, TagHelperOutput output)
+        {
+            output.TagName = "div";
+            output.Attributes.AddClass("form-group");
+            if (TagHelper.Checkbox)
+            {
+                 output.Attributes.AddClass("form-check");
+            }
+        }
+    }
+}

test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Forms.cshtml

@@ -12,11 +12,23 @@
 
 <div class="demo-with-code">
     <div class="demo-area">
-
+        <abp-form-group>
+            <input type="text" class="form-control">
+        </abp-form-group>
+        <abp-form-group checkbox="true">
+            <input type="checkbox" class="form-check-input" id="exampleCheck1">
+            <label class="form-check-label" for="exampleCheck1">Check me out</label>
+        </abp-form-group>
     </div>
     <div class="code-area">
-        <pre>
+        <pre>       
-
+        &lt;abp-form-group&gt;
+            &lt;input type=&quot;text&quot; class=&quot;form-control&quot;&gt;
+        &lt;/abp-form-group&gt;
+        &lt;abp-form-group checkbox=&quot;true&quot;&gt;
+            &lt;input type=&quot;checkbox&quot; class=&quot;form-check-input&quot; id=&quot;exampleCheck1&quot;&gt;
+            &lt;label class=&quot;form-check-label&quot; for=&quot;exampleCheck1&quot;&gt;Check me out&lt;/label&gt;
+        &lt;/abp-form-group&gt;
         </pre>
     </div>
 </div>