0
Я хочу, чтобы на градиент на фон, но отправляет мне ошибку, пожалуйста, оставьте коды: , пожалуйста, я хочу, чтобы весь экран был градиентом, но я не сейчас, как, я пытаюсь несколько вещей, но ничего, и я хочу, чтобы текст в середине страницы, благодаряbootstrap ошибка градиента фона
.header{
background: -webkit-linear-gradient(90deg, #AA076B 10%, #61045F 90%); /* Chrome 10+, Saf5.1+ */
background: -moz-linear-gradient(90deg, #AA076B 10%, #61045F 90%); /* FF3.6+ */
background: -ms-linear-gradient(90deg, #AA076B 10%, #61045F 90%); /* IE10 */
background: -o-linear-gradient(90deg, #AA076B 10%, #61045F 90%); /* Opera 11.10+ */
background: linear-gradient(90deg, #AA076B 10%, #61045F 90%); /* W3C */
height: 50em;
width: 100%;
}
#letraheader{
font-family: 'Righteous', cursive;
font-size: 5em;
color: aliceblue;
text-align: center;
display: table-cell;
vertical-align: middle;
}
#letraheaerdos{
font-family: 'Grand Hotel', cursive;
font-size: 2em;
color: aliceblue;
text-align: center;
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>personal</title>
<link rel="stylesheet" href="css/estilos.css">
<!-- fuentes -->
<link href='http://fonts.googleapis.com/css?family=Righteous' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'>
<!-- fuentes final -->
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body>
<header class="container-fluid header">
<h1 class="col-xs-12" id="letraheader">HOLA</h1>
<h2 class="col-xs-12" id="letraheaerdos"><em>Bienvenidos a mi pagina de presentacion</em></h2>
</header>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>