diff --git a/lemonldap-ng-manager/example/skins/default/images/portal-skins/bootstrap.png b/lemonldap-ng-manager/example/skins/default/images/portal-skins/bootstrap.png
new file mode 100644
index 000000000..c896c0241
Binary files /dev/null and b/lemonldap-ng-manager/example/skins/default/images/portal-skins/bootstrap.png differ
diff --git a/lemonldap-ng-manager/example/skins/default/js/manager.js b/lemonldap-ng-manager/example/skins/default/js/manager.js
index d8c4ec33a..22cdd7adf 100644
--- a/lemonldap-ng-manager/example/skins/default/js/manager.js
+++ b/lemonldap-ng-manager/example/skins/default/js/manager.js
@@ -704,7 +704,7 @@ function changeSkinImage(skin) {
 	$('#skinText').val(skin);
 	// Set skin to custom if not a registered skin
 	// Custom field can the be edited
-	if ((skin!='pastel') && (skin!='dark') && (skin!='impact')){
+	if ((skin!='pastel') && (skin!='dark') && (skin!='impact') && (skin!='bootstrap')){
 		skin = 'custom';
 		$('#skinText').removeAttr('readonly');
 	} else {
diff --git a/lemonldap-ng-manager/example/skins/default/manager.tpl b/lemonldap-ng-manager/example/skins/default/manager.tpl
index 1a1bd780f..0a6a729cd 100644
--- a/lemonldap-ng-manager/example/skins/default/manager.tpl
+++ b/lemonldap-ng-manager/example/skins/default/manager.tpl
@@ -57,6 +57,7 @@
 
 <!-- Skin picker-->
 <div id="skinImagePicker" title="<lang en="Choose a skin" fr="Choisir un thème" />">
+     <button><img src="<TMPL_VAR NAME="DIR">/images/portal-skins/bootstrap.png" alt="Bootstrap" title="bootstrap" width="200px" height="129px" /></button>
      <button><img src="<TMPL_VAR NAME="DIR">/images/portal-skins/pastel.png" alt="Pastel" title="pastel" width="200px" height="129px" /></button>
      <button><img src="<TMPL_VAR NAME="DIR">/images/portal-skins/impact.png" alt="Impact" title="impact" width="200px" height="129px" /></button>
      <button><img src="<TMPL_VAR NAME="DIR">/images/portal-skins/dark.png" alt="Dark" title="dark" width="200px" height="129px" /></button>