如何让Twig模板正确显示花哨的Bootstrap 3单选按钮？

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/js/bootstrap.min.js"></script>

<div class="btn-group" data-toggle="buttons">
    <label class="btn btn-default">
        <input type="radio" name="options" id="option1" autocomplete="off"> Option 1
    </label>
    <label class="btn btn-default">
        <input type="radio" name="options" id="option2" autocomplete="off"> Option 2
    </label>
    <label class="btn btn-default">
        <input type="radio" name="options" id="option3" autocomplete="off"> Option 3
    </label>
</div>

<div class="btn-group" data-toggle="buttons">
    {% for option in options %}
        <label class="btn btn-default">
            <input type="radio" name="options" id="{{ option.id }}" autocomplete="off"> {{ option.label }}
        </label>
    {% endfor %}
</div>

<?php
require_once 'vendor/autoload.php';

$loader = new \Twig\Loader\FilesystemLoader('path/to/templates');
$twig = new \Twig\Environment($loader);

$options = [
    ['id' => 'option1', 'label' => 'Option 1'],
    ['id' => 'option2', 'label' => 'Option 2'],
    ['id' => 'option3', 'label' => 'Option 3'],
];

echo $twig->render('template.twig', ['options' => $options]);
?>