<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <h3>Question</h3> <p> </p> <hr> </div><!--.row --> </div><!--./container --> <div class="container"> <div class="row"> <div class="col-md-4"> <h4>Lorem Ipsum</h4> <p> Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p> <p> </p> </div><!--.col --> <div class="col-md-8"> <div class="vid"> <iframe width="560" height="315" src="//www.youtube.com/embed/ac7KhViaVqc" allowfullscreen=""></iframe> </div><!--./vid --> <p> <strong><mark>Regardez</mark> la reponse sur notre chaine </strong> <a href="http://bootsnipp.com/mrmccormack/snippets/d2DzN">Viidou TV</a> </p> </div><!--.col --> </div><!--./row --> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Viidou Statisfaction</legend> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="commentradio">Evaluez la réponse</label> <div class="col-md-4"> <label class="radio-inline" for="commentradio-0"> <input name="commentradio" id="commentradio-0" value="1" checked="checked" type="radio"> 1 </label> <label class="radio-inline" for="commentradio-1"> <input name="commentradio" id="commentradio-1" value="2" type="radio"> 2 </label> <label class="radio-inline" for="commentradio-2"> <input name="commentradio" id="commentradio-2" value="3" type="radio"> 3 </label> <label class="radio-inline" for="commentradio-3"> <input name="commentradio" id="commentradio-3" value="4" type="radio"> 4 </label> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="Comment">Commentaire</label> <div class="col-md-4"> <textarea class="form-control" id="Comment" name="Comment"></textarea> </div> </div> </fieldset> </form> </div><!--./container -->

.vid { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .vid iframe, .vid object, .vid embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }