Untitled

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>


</head>
<body>

<p><textarea style="overflow: scroll; width: 100%; height:20vh; resize: none;"></textarea></p>

<form >


</form>
<br>

<form>
 <div class="btn-group">

    <select class="form-control" style="width: auto">
        <option value="vybor">Выбор IP-адреса</option>
        <option value="vse">Все</option>
    </select></div>

    <div class="btn-group">
           <button class="btn btn-default dropdown-toggle" type="button" id="menu2" data-toggle="dropdown">Выбор host
               <span class="caret"></span></button>
           <ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
               <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Все</a></li>

           </ul>
    </div>
    <div class="btn-group">
            <button class="btn btn-default dropdown-toggle" type="button" id="menu3" data-toggle="dropdown">Выбор категории или субъекта
                <span class="caret"></span></button>
            <ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Все</a></li>
            </ul>
    </div>
    <div class="btn-group">
            <button class="btn btn-default dropdown-toggle" type="button" id="menu4" data-toggle="dropdown">Количество сообщений на страницу
                <span class="caret"></span></button>
            <ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">25</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">50</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">100</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">500</a></li>
            </ul>
       </div>
</form>
   <br>

       <ul class="pagination">
           <li><a href="#">&laquo;</a></li>
           <li><a href="#">1</a></li>
           <li><a href="#">2</a></li>
           <li><a href="#">3</a></li>
           <li><a href="#">4</a></li>
           <li><a href="#">5</a></li>
           <li><a href="#">&raquo;</a></li>
       </ul>
       <br>
        <table border="2" style="width:100%">
            <tr>
                <td></td>
                <td></td>
                <td></td>
            </tr>

        </table>
<br>


</body>
</html>