<div class="flex-horizontal margin-bottom flex-wrap">
    <div>
        Every
    </div>
    <div class="btn-group">
        <button type="button" class="btn dropdown-toggle" data-toggle="dropdown">
            <span data-bind="text: period"></span> <span class="caret"></span>
        </button>
        <ul class="dropdown-menu" data-bind="foreach: $root.constructor.periods">
            <li><a href="#" data-bind="click: _.partial($root.period, $data)"><span data-bind="text: $data"></span></a></li>
