Bootstrap 4 EasyAdmin3：编辑表单上的两列概念（引导）

背景

我正在使用EasyAdmin3（symfony5），我希望在编辑视图中有一个两列的概念。下面的代码将块的宽度正确地“减少”到50%，但它们并不相邻

类PersonCrudController扩展AbstractCrudController{ [...] 公共函数配置字段（字符串$pageName）：iterable{ 收益率FormField:：addPanel（'Block 1'）->setCssClass（'col-sm-6'）； [...] 收益率FormField:：addPanel（'Block 2'）->setCssClass（'col-sm-6'）； [...] } [...] } 问题

我请求，我需要用包含

class=“row”

的DIV元素包围它。但是怎么做呢

---

知道我能做什么吗？谢谢

我的解决方法

我决定用JavaScript解决这个问题。因此，我检查了表单名称的HTML代码，并使用JavaScript将行-类注入该元素。JavaScript文件需要通过Dashboad控制器填充（以便将来可用于其他元素）

my_javascript.js

//加载页面后调用函数
document.addEventListener（“DOMContentLoaded”，function（））{
addClassToElement（'edit-Person-form'，'row'）；
});
函数addClassToElement（elementName，className）{
let element=document.getElementById（elementName）；
if（元素！=null）{
element.classList.add（className）；
}
}

仪表板控制器

[…]
公共函数configureAssets（）：资产{
$assets=parent:：configureAssets（）；
$assets->addJsFile（'js/my_javascript.js'）；
归还美元资产；
}
[...]

PersonCrudeController

类PersonCrudController扩展AbstractCrudController{ [...] 公共函数配置字段（字符串$pageName）：iterable{ 收益率FormField:：addPanel（'Block 1'）->setCssClass（'col-sm-6'）； [...] 收益率FormField:：addPanel（'Block 2'）->setCssClass（'col-sm-6'）； [...] } [...] }

---

我的解决方法

我决定用JavaScript解决这个问题。因此，我检查了表单名称的HTML代码，并使用JavaScript将行-类注入该元素。JavaScript文件需要通过Dashboad控制器填充（以便将来可用于其他元素）

my_javascript.js

//加载页面后调用函数
document.addEventListener（“DOMContentLoaded”，function（））{
addClassToElement（'edit-Person-form'，'row'）；
});
函数addClassToElement（elementName，className）{
let element=document.getElementById（elementName）；
if（元素！=null）{
element.classList.add（className）；
}
}

仪表板控制器

[…]
公共函数configureAssets（）：资产{
$assets=parent:：configureAssets（）；
$assets->addJsFile（'js/my_javascript.js'）；
归还美元资产；
}
[...]

PersonCrudeController

类PersonCrudController扩展AbstractCrudController{ [...] 公共函数配置字段（字符串$pageName）：iterable{ 收益率FormField:：addPanel（'Block 1'）->setCssClass（'col-sm-6'）； [...] 收益率FormField:：addPanel（'Block 2'）->setCssClass（'col-sm-6'）； [...] } [...] }