设计一个适用于在线图书馆的网页布局。
<html>
<head>
  <title>图书馆</title>
</head>
<body>
  <h1>欢迎访问在线图书馆！</h1>
  <div class="container">
    <div class="row">
      <div class="col-sm-4">
        <h2>浏览分类</h2>
        <ul>
          <li><a href="books.html">图书</a></li>
          <li><a href="magazines.html">杂志</a></li>
          <li><a href="journals.html">期刊</a></li>
          <li><a href="movies.html">电影</a></li>
        </ul>
      </div>
      <div class="col-sm-8">
        <h2>新上架</h2>
        <ul>
          <li><a href="book1.html">图书 1</a></li>
          <li><a href="magazine1.html">杂志 1</a></li>
          <li><a href="journal1.html">期刊 1</a></li>
          <li><a href="movie1.html">电影 1</a></li>
        </ul>
      </div>
    </div>
  </div>
</body>
</html>