<div class="form-group">
<label for="title">عنوان</label>
<input id="title" type="text" class="form-control" placeholder="عنوان موضوع ..." />
</div>

<div class="form-group">
<label for="message">پیام</label>
<textarea class="form-control" id="message" rows="3" placeholder="پیام خود را وارد کید ..."></textarea>
</div>

<div class="switch primary">
<input type="checkbox" value="checked" id="newestOnTop">
<label for="newestOnTop">دکمه های سوییچ</label>
</div>


<div id="toastTypeGroup">
<div class="form-group">
<label>مدل های تستی</label>
</div>

<div class="radio success">
<input type="radio" name="toasts" id="radio-1" value="success" checked>
<label for="radio-1">موفقیت</label>
</div>

<div class="radio info">
<input type="radio" name="toasts" id="radio-2" value="info">
<label for="radio-2">درباره ما</label>
</div>

<div class="radio warning">
<input type="radio" name="toasts" id="radio-3" value="warning">
<label for="radio-3">اخطار</label>
</div>

<div class="radio danger">
<input type="radio" name="toasts" id="radio-4" value="error">
<label for="radio-4">خطا</label>
</div>

</div>