Я написал код, используя семантический пользовательский интерфейс для вертикальной строки меню.. но он не растянут на всю страницу.. так как я могу растянуть вертикальное меню?? Может ли кто-нибудь помочь мне в решении этой проблемы??
<!DOCTYPE html>
<html>
<head>
<title>Contact Page</title>
</head>
<link rel="stylesheet" type="text/css" href="css/semantic.min.css">
<script src="js/jquery.min.js"></script>
<script src="js/semantic.min.js"></script>
<script src="js/scrip.js"></script>
<body>
<div class="ui vertical inverted icon menu">
<a class="red item">
<i class="mail icon"></i>
</a>
<a class="teal item">
<i class="lab icon"></i>
</a>
<a class="green item">
<i class="star icon"></i>Vertical menu
</a>
</div>
</body>
</html>
Я написал приведенный выше код, используя семантический пользовательский интерфейс для вертикального меню. Проблема в том, что мое меню не растягивается на всю страницу... Вот скриншот моего вертикального меню, который я получаю, когда пытаюсь запустить свой код.
Я хочу, чтобы мое вертикальное меню было в формате ниже
вертикальное меню полностью растянуто на мою страницу
