Comments (2)
thomaspark
commented on May 16, 2024
The navbar height for the themes range from 40px to 65px. So that navbar height + additional spacing, which comes down to the content and personal preference. I tend to add 40px to the navbar height.
One thing to look out for is that if your site is responsive, you'll want to set a different body padding (maybe 0) at smaller sizes when the navbar is static positioned.
from bootswatch.
ds125v
commented on May 16, 2024
Ah, I'd actually been only setting the padding to be exactly the same as the height on the navbar, which I still think looks pretty good if you're worried about using too much vertical space, but it does generally look better with some extra padding.
from bootswatch.
Related Issues (20)
- Proposal: Theme based on atlassian UI.
- 5.3.2 Superhero table color HOT 1
- Web font themes not working
- Morph Dark Mode Dialog Readability Issues HOT 4
- Morph Dark-mode form-select Hover Background Color HOT 6
- cerulean theme checkboxes barely change color HOT 2
- how to properly space content below a navbar HOT 1
- nav nav-pills class in R Shiny HOT 2
- Darkly - Table Text 5.3 HOT 2
- more contrast for text-dark in cerulean
- Unwelcome Border Color on Headers and Footers HOT 1
- input group size with slate theme and pagination input HOT 4
- The input box has an inappropriate background color under a dark theme. HOT 2
- Superhero: floating labels are jumpy HOT 3
- form-group still being referenced in version 5
- modals widget don't appear HOT 2
- Bootstrap 5.3.3 HOT 1
- Packagist doesn't auto-update HOT 1
- bootstrap2 slate theme, ordered list is difficult to read HOT 1
- compile error in Materia theme with vite HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from bootswatch.