febbweiss.github.io/demo/filebrowser-durandal-widget/app/widgets/filebrowser/newItemModal.html

<div class="modal-content">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close" data-bind="click: close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">New item</h4>
    </div>
    <div class="modal-body">
        <form data-bind="submit: ok" class="form-horizontal">
             <div class="row form-group">
                <label class="col-sm-2">Type</label>
                <div class="col-sm-10">
                    <label class="radio-inline">
                      <input type="radio" name="typeItem" id="typeItemFile" value="file" data-bind="checked: typeItem"> File
                    </label>
                    <label class="radio-inline">
                      <input type="radio" name="typeItem" id="typeItemFolder" value="folder" data-bind="checked: typeItem"> Folder
                    </label>
                </div>
              </div>
             <div class="row form-group">
                <label for="nameInput" class="col-sm-2 control-label">Name</label>
                <div class="col-sm-10">
                    <input data-bind="value: input, valueUpdate: 'afterkeydown'" name="nameInput" class="form-control autofocus"/>
                </div>
              </div>
        </form>
    </div>
    <div class="modal-footer">
        <button class="btn btn-primary" data-bind="click: ok, visible: isValid">Create</button>
        <button class="btn btn-default" data-bind="click: close">Cancel</button>
    </div>
</div>