Damit sollte es funktionieren:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example of Twitter Bootstrap 3 Success Alert Message</title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<style type="text/css">
.bs-example{
margin: 20px;
}
</style>
</head>
<body>
<div class="bs-example">
<div class="alert alert-success">
<a href="#" class="close" data-dismiss="alert">×</a>
<strong>ÜBERSCHRIFT!</strong> DEINE NACHRICHT HIER REIN.
</div>
</div>
</body>
</html>
Es kann bei einigen Designs vorkommen, dass die Schriftgröße sich in der Navigation vergrößert !
Hoffe das ist das richtige, was du suchst