Home>
I personally wrote something inhtmlorbodyuntil now, but when I looked at Bootstrap, it was as follows.
html {
font-family: sans-serif;
...
}body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol "," Noto Color Emoji ";
...
}Questions
・ Why don't you specify the contents offont-familydirectly inhtml
・ The reason whyhtmlandbodyare different
It seems to be listed in Normalize, and the remnant? I thought, but I couldn't understand it even after examining it.
Changed commits are https://github.com/twbs/ It looks like bootstrap/commit/4fa7749442ea7ab609d1c8c25dc4ba750194e542 .
If i know why i am writing in a strange way, please let me know.
-
Answer # 1
Related articles
- bootstrap css file not loaded
- bootstrap css i want to put the panel title in the center and the icon on the right edge
- Bootstrap CSS layout form
- Bootstrap CSS layout form
- Bootstrap CSS usage
- Bootstrap CSS layout list
- bootstrap css style form
- How to use CSS in Bootstrap
- css, bootstrap i want to eliminate the gap on the right
- css - hamburger menu in bootstrap nav bar does not align right
- css - i want to add bootstrap color
- css rails bootstrap buttons are not centered
- css - error when installing bootstrap or sass
- css - bootstrap does not close hamburger menu
- how to customize with your own css when using bootstrap 4
- css - i am having trouble because bootstrap is not displayed as it is
- css - bootstrap vertical/center alignment does not work
- css - the logo is distorted in the navigation bar using bootstrap
- css - i want the links in the bootstrap list to look like buttons
- css - want to introduce material design bootstrap in rails
Related questions
- html - i can't center the input form in django
- html - i want to fix the sidebar made with bootstrap row
- html - i want to extend the input part of bootstrap4 to the full column
- css - can this be implemented with flexbox order?
- css - when the total of col is less than 12
- html - the form and button of bootstrap4 are misaligned [layout]
- html - please tell me about the layout of the navigation bar of bootstrap4
- css - difference between creating the site logo with the img tag and specifying the background
- html - i want to move the button to the right end
- css - i want to complete a carousel using boostrap
The two questions in the question text seem to arise from the above questions. The
font-familyproperty of thehtmlelement remains because some styles were moved from normalize.css as they were when moving from normalize.css to Reboot It is only If thehtmlelement's child elements are the onlybodyelements, this is aapparently meaningless descriptionAnd thefont-familyproperty of thehtmlelement will beremoved as a redundant description.In order to adjust the default root font size by adjusting the browser settings, Bootstrap does not specify the
htmlelement font size, andbodyfont-size: 1remis specified for the element. Therefore, instead of specifying thefont-familyproperty in thehtmlelement, set thefont-*property or global property tobodyelement. From the background, thefont-familyproperty is not ahtmlelement, but abodyelement. Isn't it specified?As I wrote at the beginning, one of these styles was just moved from normalize.css (not actually used), and the other was actually used by Bootstrap. It ’s natural that you are out of sync.
Reference:
Reboot&Type cleanup by MartijnCuppens · Pull Request # 28698 · twbs/bootstrap · GitHub
Reboot · Bootstrap
Typography · Bootstrap
GitHub-twbs/rfs: ✩✩✩ Automates responsive resizing ✩✩✩