我正在使用ElegantThemes中的DIVI主题，并决定使用引导程序来呈现字体结束表单。我能够获得正确的脚本加载顺序；与风格。css（DIVI）在引导前加载。最小css。在我的表单上，除文本输入字段外，所有字段都按预期设置了引导样式。请看下图-

我为元素编写的代码如下：

对于文本字段：

    <!-- Question Title (Reference) -->
                <div class="form-group">
                    <label>Bootstrap Question Title Reference:</label>
                    <input name="question_title" class="form-control" type="text"  id="question-title">
                </div>

对于文本区域字段：

    <!-- Answer Options -->
                <div class="row form-group">
                    <div class="col-sm-6 mb-4">
                        <label>Option 1:</label>
                        <textarea class="form-control" name="1" id="option-1" rows="2"></textarea>
                    </div>

                    <div class="col-sm-6 mb-4">
                        <label>Option 2:</label>
                        <textarea class="form-control" name="2" id="option-2" rows="2"></textarea>
                    </div>
                </div>

在与Chrome inspector进行调查后，我发现以下CSS定义是问题的根本原因：

如果你能为我指出正确的方向，我将不胜感激。已经花了5个多小时寻找解决方法。