<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<div class="row">
<form class="form-horizontal">
<h2>Paramètres généraux</h2>
<fieldset>
<legend>Modifiez ci-dessous l'emplacement des différents éléments de votre site</legend>
<div class="row">
<div class="control-group span6">
<label class="control-label" for="Titre1">Titre de la page</label>
<div class="controls">
<input id="Titre1" name="Titre1" placeholder="SeliwebCom" class="input-medium" type="text">
<p class="help-block">titre affiché dans l'onglet de la page</p>
</div>
</div>
<div class="control-group span6">
<label class="control-label span6" for="choix_langue">Choix de la langue</label>
<div class="controls">
<div class="input-append">
<input id="choix_langue" name="choix_langue" class="input-medium" placeholder="Français" type="text">
<div class="btn-group">
<button class="btn dropdown-toggle" data-toggle="dropdown">
Choix
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">Français</a></li>
<li><a href="#">Anglais</a></li>