JimV-C/templates/guest_create.html

{% extends "layout.html" %}
{% block title %} Guest {% endblock %}
{% block head %}
    {{ super() }}

    <style type="text/css">

        @media (min-width: 768px) {
            .form-horizontal .control-label {
                text-align: left;
            }
        }
        
        label>span {
            color: deepskyblue;
        }

        .btn {
            border-radius: 0;
        }

        .btn-ability {
            margin-right: 16px;
            height: 50px;
            padding: 2px 50px;
            margin-bottom: 30px;
        }

        .btn-ability-line {
        }

    </style>
{% endblock head %}
{% block body %}
<script>
    $(document).ready(function() {

    });
</script>
<div class="container" style="padding-top: 100px;">
    <div class="panel">
        <div class="panel-body">
            <h3 class="title-hero">
                创建实例
            </h3>
            <div class="example-box-wrapper">
                <form class="form-horizontal bordered-row">
                    <div class="form-group">
                        <label class="col-sm-2 control-label"><span class="glyph-icon icon-elusive-gauge"></span>&nbsp;&nbsp;运算能力</label>
                        <div class="col-sm-10">
                            <div class="btn-ability-line" data-toggle="buttons">
                                <a href="#" class="btn btn-lg btn-default btn-ability">
                                    <input name="radio-toggle-1" type="radio">1&nbsp;&nbsp;核&nbsp;&nbsp;1&nbsp;&nbsp;GB
                                </a>
                                <a href="#" class="btn btn-lg btn-default btn-ability">
                                    <input name="radio-toggle-1" type="radio">1&nbsp;&nbsp;核&nbsp;&nbsp;2&nbsp;&nbsp;GB
                                </a>
                                <a href="#" class="btn btn-lg btn-default btn-ability">
                                    <input name="radio-toggle-1" type="radio">2&nbsp;&nbsp;核&nbsp;&nbsp;2&nbsp;&nbsp;GB
                                </a>
                                <a href="#" class="btn btn-lg btn-default btn-ability">
                                    <input name="radio-toggle-1" type="radio">2&nbsp;&nbsp;核&nbsp;&nbsp;4&nbsp;&nbsp;GB
                                </a>
                                <a href="#" class="btn btn-lg btn-default btn-ability">
                                    <input name="radio-toggle-1" type="radio">4&nbsp;&nbsp;核&nbsp;&nbsp;4&nbsp;&nbsp;GB
                                </a>
                                <a href="#" class="btn btn-lg btn-default btn-ability">
                                    <input name="radio-toggle-1" type="radio">4&nbsp;&nbsp;核&nbsp;&nbsp;8&nbsp;&nbsp;GB
                                </a>
                                <a href="#" class="btn btn-lg btn-default btn-ability">
                                    <input name="radio-toggle-1" type="radio">8&nbsp;&nbsp;核&nbsp;&nbsp;8&nbsp;&nbsp;GB
                                </a>
                                <a href="#" class="btn btn-lg btn-default btn-ability">
                                    <input name="radio-toggle-1" type="radio">8&nbsp;&nbsp;核&nbsp;&nbsp;16GB
                                </a>
                                 <a href="#" class="btn btn-lg btn-default btn-ability">
                                    <input name="radio-toggle-1" type="radio">1&nbsp;&nbsp;核&nbsp;&nbsp;16GB
                                </a>
                                <a href="#" class="btn btn-lg btn-default btn-ability">
                                    <input name="radio-toggle-1" type="radio">4&nbsp;&nbsp;核&nbsp;&nbsp;32GB
                                </a>
                                <a href="#" class="btn btn-lg btn-default btn-ability">
                                    <input name="radio-toggle-1" type="radio">4&nbsp;&nbsp;核&nbsp;&nbsp;64GB
                                </a>
                                <a href="#" class="btn btn-lg btn-default btn-ability">
                                    <input name="radio-toggle-1" type="radio">8&nbsp;&nbsp;核&nbsp;&nbsp;64GB
                                </a>
                                <a href="#" class="btn btn-lg btn-default btn-ability">
                                    <input name="radio-toggle-1" type="radio">16核&nbsp;&nbsp;16GB
                                </a>
                                <a href="#" class="btn btn-lg btn-default btn-ability">
                                    <input name="radio-toggle-1" type="radio">24核&nbsp;&nbsp;24GB
                                </a>
                                <a href="#" class="btn btn-lg btn-default btn-ability">
                                    <input name="radio-toggle-1" type="radio">32核&nbsp;&nbsp;32GB
                                </a>
                                <a href="#" class="btn btn-lg btn-default btn-ability">
                                    <input name="radio-toggle-1" type="radio">64核&nbsp;&nbsp;64GB
                                </a>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock body %}