Archived
1
0

Split into several columns

This commit is contained in:
nemunaire 2016-10-19 20:49:21 +02:00
parent 3e98322981
commit 61132dbbc7

View File

@ -4,6 +4,10 @@
<title>Sondage VIRLI</title> <title>Sondage VIRLI</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<style>
.checkbox, .radio { margin-top: 0; }
.panel-heading { font-weight: bolder; }
</style>
</head> </head>
<body class="container"> <body class="container">
<h1>Virtualisation légère &mdash; SRS 2017</h1> <h1>Virtualisation légère &mdash; SRS 2017</h1>
@ -14,8 +18,9 @@
<form method="post" action="vote"> <form method="post" action="vote">
<div class="form-group"> <div class="form-group panel panel-default">
<h3>Quel est le cours/TP que vous avez préféré ?</h3> <div class="panel-heading">Quel est le cours/TP que vous avez préféré ?</div>
<div class="panel-body" style="-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;">
<div class="radio"> <div class="radio">
<label> <label>
<input type="radio" name="q1" id="q1" value="r1"> <input type="radio" name="q1" id="q1" value="r1">
@ -41,11 +46,11 @@
</label> </label>
</div> </div>
</div> </div>
</div>
<hr> <div class="form-group panel panel-default">
<div class="panel-heading">Quel(s) cours mériterait, selon vous, d'être complété/approfondi ?</div>
<div class="form-group"> <div class="panel-body" style="-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;">
<h3>Quel(s) cours mériterait, selon vous, d'être complété/approfondi ?</h3>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" name="q2" id="q2" value="r1"> <input type="checkbox" name="q2" id="q2" value="r1">
@ -71,11 +76,11 @@
</label> </label>
</div> </div>
</div> </div>
</div>
<hr> <div class="form-group panel panel-default">
<div class="panel-heading">Diriez-vous que ce cours a :</div>
<div class="form-group"> <div class="panel-body" style="-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;">
<h3>Diriez-vous que ce cours a :</h3>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" name="q3" id="q3" value="r1"> <input type="checkbox" name="q3" id="q3" value="r1">
@ -119,11 +124,11 @@
</label> </label>
</div> </div>
</div> </div>
</div>
<hr> <div class="form-group panel panel-default">
<div class="panel-heading">Les TP, principalement :</div>
<div class="form-group"> <div class="panel-body" style="-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;">
<h3>Les TP, principalement :</h3>
<div class="radio"> <div class="radio">
<label> <label>
<input type="radio" name="q4" id="q4" value="r1"> <input type="radio" name="q4" id="q4" value="r1">
@ -154,13 +159,18 @@
ne vont pas assez loin ne vont pas assez loin
</label> </label>
</div> </div>
<div class="radio">
<label>
<input type="radio" name="q4" id="q4" value="r5">
ne marchent pas
</label>
</div>
</div>
</div> </div>
<div class="form-group panel panel-default">
<hr> <div class="panel-heading">Quelle raison vous a principalement poussée à ne pas assister au cours ?</div>
<div class="panel-body" style="-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;">
<div class="form-group">
<h3>Quelle raison vous a principalement poussée à ne pas assister au cours ?</h3>
<div class="radio"> <div class="radio">
<label> <label>
<input type="radio" name="q5" id="q5" value="r1"> <input type="radio" name="q5" id="q5" value="r1">
@ -192,6 +202,7 @@
</label> </label>
</div> </div>
</div> </div>
</div>
<hr> <hr>