html - 如何在 html.twig 中访问和设置单个 html 标签的样式

Question

我正在尝试在 html.twig 文件中使用 Bootstrap 。情况:我在 html.twig 中有这个代码行:

{{ form_row(form.gender) }}

这是php中“form.gender”的定义

 ->add('gender', ChoiceType::class, array(
                'choices' => array(
                    'form.register.children.gender.choice.male' => 'm',
                    'form.register.children.gender.choice.female' => 'f'
                ),
                'multiple' => true,
                'expanded' => true,
            ))

从此代码行将生成大的 html 区域:

<div>
  <label class="required">Gender:</label>
  <div id="new_entry_gender">
    <input id="new_entry_gender_0"                
           name="catalog_new_entry[gender][]"      
           value="m" 
           type="checkbox">
    <label for="catalog_new_entry_gender_0">Male</label>


    <input id="new_entry_gender_1" 
           name="catalog_new_entry[gender][]"     
           value="f" 
           type="checkbox">
    <label for="catalog_new_entry_gender_1">Female</label>
  </div>
</div>

我想对任何单个 html 标签使用 Bootstrap 类，例如:标签、输入但我只有一行:

{{ form_row(form.gender) }}

当上面只有一行时，我如何访问任何单个 html 标签(用于样式)？谢谢谢谢

Answer 1

如果 html 代码是自动生成的，请尝试为自动生成的类/id 名称定义 css。

通过从 Bootstrap 复制 css 来定义自动生成的类名/id css，对应于该特定 html 元素的 css。

例如:为自动生成的div 元素 的id (new_entry_gender) 定义css

通过在 boostrap 中复制类名 form-group 的属性。

这可能有效。

或者您也可以使用 jQuery将您的脚本编写为

• 通过 id 选择自动生成的元素
• 在 Jquery 中使用 .addClass() 将 boostrap 类名称添加到元素