Using overflow-auto for content containers

This commit is contained in:
Rob Kelly 2024-12-03 18:51:48 -07:00
parent 292f92e261
commit 72b98f5850
3 changed files with 3 additions and 3 deletions

View File

@ -11,7 +11,7 @@
</head> </head>
<body> <body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<div class="container overflow-scroll vh-100"> <div class="container overflow-auto vh-100">
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark border-bottom"> <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark border-bottom">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand d-flex align-items-center link-body-emphasis text-decoration-none" href="/"> <a class="navbar-brand d-flex align-items-center link-body-emphasis text-decoration-none" href="/">

View File

@ -11,7 +11,7 @@
</head> </head>
<body> <body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<div class="container overflow-scroll vh-100"> <div class="container overflow-auto vh-100">
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark border-bottom"> <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark border-bottom">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand d-flex align-items-center link-body-emphasis text-decoration-none" href="/"> <a class="navbar-brand d-flex align-items-center link-body-emphasis text-decoration-none" href="/">

View File

@ -11,7 +11,7 @@
</head> </head>
<body> <body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<div class="container overflow-scroll vh-100"> <div class="container overflow-auto vh-100">
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark border-bottom"> <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark border-bottom">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand d-flex align-items-center link-body-emphasis text-decoration-none" href="/"> <a class="navbar-brand d-flex align-items-center link-body-emphasis text-decoration-none" href="/">