Bootstrap for DOTVVM

<bs:Form Validator.InvalidCssClass="is-invalid">
    <bs:TextBoxFormGroup LabelText="First Name"
                         Text="{value: FirstName}" />
    <bs:ComboBoxFormGroup LabelText="Category" 
                          DataSource="{value: Countries}"
                          SelectedValue="{value: SelectedCountry}" />
</bs:Form>

<bs:ListGroup DataSource="{value: Folders}">
    <ItemsContentTemplate>
        {{value: Name}}
        <bs:Badge Visible="{value: MessagesCount > 0}">
            {{value: MessagesCount}}
        </bs:Badge>
    </ItemsContentTemplate>
</bs:ListGroup>

<bs:DateTimePicker SelectedDate="{value: PublishDate}" 
                   FormatString="d" 
                   Mode="Date" />

<bs:InputGroup>
    <LeftTemplate>
        <bs:InputGroupLiteral Text="@" />
    </LeftTemplate>
    <bs:InputGroupTextBox Text="{value: TwitterHandle}" />
</bs:InputGroup>

<p>Time ({{value: SelectedValue}})</p>
<bs:Range MinValue="0" 
          MaxValue="24" 
          SelectedValue="{value: SelectedValue}" />

<bs:GridView DataSource="{value: Customers}" Border="All">
    <dot:GridViewTextColumn HeaderText="Name" 
                            ValueBinding="{value: Name}"
                            AllowSorting />
    <dot:GridViewTextColumn HeaderText="Region" 
                            ValueBinding="{value: Region}" 
                            AllowSorting />
    <dot:GridViewTextColumn HeaderText="Created" 
                            ValueBinding="{value: CreatedOn}" 
                            AllowSorting FormatString="d" />
    <dot:GridViewTextColumn HeaderText="Credit" 
                            ValueBinding="{value: CreditAmount}" 
                            AllowSorting FormatString="c" />
</bs:GridView>
<bs:DataPager DataSet="{value: Customers}" />

<bs:Button Text="Show Dialog" 
           Click="{staticCommand: Dialog = true}" />

<bs:ModalDialog HeaderText="Confirmation" 
                IsDisplayed="{value: Dialog}">
    <ContentTemplate>
        <p>Do you really want to delete the item?</p>
    </ContentTemplate>
    <FooterTemplate>
        <bs:Button Text="Delete" 
                   Type="Danger" 
                   Click="{staticCommand: Dialog = false}" />
    </FooterTemplate>
</bs:ModalDialog>