first commit
This commit is contained in:
107
templates/frontend/demo/radio.html.twig
Normal file
107
templates/frontend/demo/radio.html.twig
Normal file
@@ -0,0 +1,107 @@
|
||||
{% 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 %}
|
||||
Reference in New Issue
Block a user