bootstrap，在元素中填充

谁能告诉我为什么在这个世界上Initializr的引导html模板在页面头部的元素中有一个单一样式的body？它正好在bootstrap.css文件后面。bootstrap，在元素中填充

body { 
    padding-top: 50px; 
    padding-bottom: 20px; 
}

我的问题是：是不是有点奇怪直接在标记抛出一个一次性的风格，而不是仅仅将其包含在bootstrap.css文件？有没有人知道为什么这样做的具体原因？ CSS属于CSS文件，不是吗？

来源

2014-02-06 eartha5

什么..........？ –

你想说什么？拿一杯咖啡，重新说出你的问题:) – Sachin

yikes！也许是因为我刚刚狼吞虎咽的浓咖啡。编辑帖子。 – eartha5

快速浏览我会假设，因为它涉及到该页面具体。

如果在另一个页面上你不想要导航栏怎么办？然后您必须手动覆盖.css文件中实现的样式以更正填充。看到这只是一个声明，我认为将它包含在页面的顶部是公平的，而不是将它放在它自己的.css文件中。

你真的想通过包含潜在的页面特定代码（这会混淆框架）来掩盖框架.CSS文件吗？

编辑：详细说明 - 如果您有几十页严格的结构，每个页面都有一致的样式，那么将此内容集中到.css文件中才有意义，但从行业角度来看，我会比可能还没有把它放到一个框架的.css文件中（考虑未来的实现，升级框架，版本控制等等）。

来源

2014-02-06 19:39:44

肯定同意，它不属于bootstrap.css文件，现在我意识到这是一个由Initializr生成的模板，并且该样式是特定于“Jumbotron”布局。然而Bootstrap将这个样式包含在单独的jumbotron.css文件中似乎是更好的选择。我想通过在body标签上放置一个“jumbotron”类，当它包含这个jumbotron特性，并且在main.css中只有一个body.jumbotron声明时，我会命名整个页面的空间...我只是全面困惑早。 – eartha5

这完全是合理的推理，但我认为它在模板中实现的方式也很好：在顶部声明自定义CSS的单个.html是简单而有效的;由于这个原因创建样式表文件看起来有点矫枉过正，就像将它放入标记中一样 - 缺乏更好的单词：懒惰。 –

是的，我想是什么让我是main.css文件只是坐在那里生成的项目脚手架空...感谢您的期待。 – eartha5

我看到这一点，只是消除我的Initializr基础，因为：

A）的Initializr的index.html在同一页面呈现不同的getbootstrap.com，我无法弄清楚，为什么

乙）因为没有评论，所以这种风格在<head>部分内联的原因并不明显。

谢天谢地，我没有删除Initializr文件。事实证明，getbootstrap.com包含这些相同的样式（但是通过名为theme.css）的非常小的样式表。这些值与你提到的有些不同，但是有相同的想法。

我被引用的主题包括在此theme.css：

body { 
    padding-top: 70px; 
    padding-bottom: 30px; 
} 

.theme-dropdown .dropdown-menu { 
    position: static; 
    display: block; 
    margin-bottom: 20px; 
} 

.theme-showcase > p > .btn { 
    margin: 5px 0; 
} 

.theme-showcase .navbar .container { 
    width: auto; 
}

所以，很长的故事短Initializr通过去除多余的包括在我看来，做正确的事情在这里......不过，解释这些样式应该在那里。大多数章节都有评论，但没有评论此片段。无论如何，我保持我的美丽的Initializr Bootstrap代码库，并找出哪些页面需要哪些片段值的大声笑。

来源

2014-07-01 07:12:16 derekmx271

bootstrap，在元素中填充

回答

相关问题