<!DOCTYPE html>
<html>
<head>
<title>Example</title>
<meta charset="UTF-8" />
</head>
<body>
<div class="container">
<div class="header"></div>
<div class="content"></div>
<div class="footer"></div>
</div>
<script src="src/index.js"></script>
</body>
</html>
<code lang="css">
body {
font-family: sans-serif;
margin: 0;
}
.container {
height: 100vh;
}
.header {
height: 100px;
background-color: red;
}
.content {
height: calc(100% - 200px);
background-color: green;
overflow: hidden;
}
.footer {
height: 100px;
background-color: blue;
}
</code>Make your Dockerfile something as below -
FROM php:7-fpm
WORKDIR /var/www
RUN apt-get update && apt-get install -y libmcrypt-dev mysql-client && docker-php-ext-install mcrypt pdo_mysql
ADD . /var/www
RUN chown -R www-data:www-data /var/www.navbar-dark .navbar-brand {
color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, 0.55);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .nav-link.active {
color: #fff;
}
.navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, 0.55);
border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
color: rgba(255, 255, 255, 0.55);
}
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
color: #fff;
}eslint-plugin-react-hooks не знает, что данная функция не меняет свой референс.{
"rules": {
// ...
"react-hooks/exhaustive-deps": ["warn", {
"additionalHooks": "useDispatch|useOtherHookWhichWillDefinitelyNotChange"
}]
}
}const re = /^(?:https?:\/\/)?(?:www\.)?([^/]+)/;
const strings = [
'www.foo.bar',
'bar.baz',
'http://example.com',
'https://www.domain.com',
];
for (const str of strings) {
console.log(str.match(re)[1]);
}// возвращается список, а не один элемент, поэтому работать не будет
document.getElementsByClassName('site').classList.add('container');
// вот так будет один элемент, если он есть в DOM-дереве
document.getElementsByClassName('site')[0].classList.add('container');
// вот так тоже будет один элемент, если он есть в DOM-дереве
document.querySelector('.site').classList.add('container');