107 lines
4.0 KiB
Twig
107 lines
4.0 KiB
Twig
{% extends 'base_frontend.html.twig' %}
|
|
|
|
{% block title %} Radio {% endblock %}
|
|
|
|
{% block content %}
|
|
<!-- ============================================== HEADER : END ============================================== -->
|
|
<div class="breadcrumb">
|
|
<div class="breadcrumb-inner">
|
|
<ul class="list-inline list-unstyled">
|
|
<li><a href="{{ path('frontend_home_index') }}">Demo</a></li>
|
|
<li class='active'>Radio</li>
|
|
</ul>
|
|
</div><!-- /.breadcrumb-inner -->
|
|
</div><!-- /.breadcrumb -->
|
|
|
|
<div class="body-content ">
|
|
|
|
<div class="sign-in-page">
|
|
|
|
|
|
|
|
<h2>Radios</h2>
|
|
<form role="form">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<fieldset>
|
|
<legend>
|
|
Basic
|
|
</legend>
|
|
<p>
|
|
Supports bootstrap brand colors: <code>.radio-primary</code>, <code>.radio-danger</code> etc.
|
|
</p>
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="radio">
|
|
<input type="radio" name="radio1" id="radio1" value="option1" checked="">
|
|
<label for="radio1">
|
|
Small
|
|
</label>
|
|
</div>
|
|
<div class="radio">
|
|
<input type="radio" name="radio1" id="radio2" value="option2">
|
|
<label for="radio2">
|
|
Big
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="radio radio-danger">
|
|
<input type="radio" name="radio2" id="radio3" value="option1">
|
|
<label for="radio3">
|
|
Next
|
|
</label>
|
|
</div>
|
|
<div class="radio radio-danger">
|
|
<input type="radio" name="radio2" id="radio4" value="option2" checked="">
|
|
<label for="radio4">
|
|
One
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p>Inline radios</p>
|
|
<div class="radio radio-info radio-inline">
|
|
<input type="radio" id="inlineRadio1" value="option1" name="radioInline" checked="">
|
|
<label for="inlineRadio1"> Inline One </label>
|
|
</div>
|
|
<div class="radio radio-inline">
|
|
<input type="radio" id="inlineRadio2" value="option1" name="radioInline">
|
|
<label for="inlineRadio2"> Inline Two </label>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<fieldset>
|
|
<legend>
|
|
Disabled
|
|
</legend>
|
|
<p>
|
|
Disabled state also supported.
|
|
</p>
|
|
<div class="radio radio-danger">
|
|
<input type="radio" name="radio3" id="radio5" value="option1" disabled="">
|
|
<label for="radio5">
|
|
Next
|
|
</label>
|
|
</div>
|
|
<div class="radio">
|
|
<input type="radio" name="radio3" id="radio6" value="option2" checked="" disabled="">
|
|
<label for="radio6">
|
|
One
|
|
</label>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div><!-- /.sigin-in-->
|
|
<br><br><br><br>
|
|
|
|
</div>
|
|
{% endblock %} |