Twitter bootstrap 如何/什么是从引导设计定制元素的好方法？

我正在练习制作网站，我正在使用Bootstrap主题设计网站，但我想改变一些东西的设计

例如，我想更改按钮中的一些颜色，使导航透明，并移动一些容器

我应该在我的引导

CSS

文件中添加属性，还是应该创建新的

CSS

文件并从那里的引导主题中选择要修改的元素

---

如果创建新的

CSS

文件是更好的方法，那么我应该为选择添加1个类或

ID

，还是只从引导类名称中选择元素？

我认为最佳实践应该是使用并自定义引导主题

---

如果主题中没有可用的内容，那么您应该添加一个额外的

CSS

文件（来自less/sass/plain CSS）并覆盖您想要的类

Bootstrap为您提供了编译css所需的更少文件

在那里进行所有更改并重新编译css以满足您的需要。这是定制标准配色方案、移动断点等的最简单方法

---

如果您以前从未使用过CSS预处理器，则值得单独研究。

好的选择是向所需元素添加额外的.class标记，并在本地更改其属性。主要原因是您不应该更改引导设计的核心

创建一个名为class=“my_Button”的类，并将其添加到按钮元素标记中，如

<button type="button" class="btn my_Button" >Button</button>

按钮

并将其属性更改为相同的文件或创建单独的CSS文件

    <style type="text/css">
        .my_button { 
            bottom:100% !important; top:auto !important;
         width:170px;
        }

   </style>

.my_按钮{
底部：100%！重要；顶部：自动！重要；
宽度：170px；
}

另一个选项是内联更改

<button type="button" class="btn my_Button" style="width: 170px">Button</button>

按钮

因此，例如，如果我希望标题中的导航栏边距为0，我必须下载较少的文件，然后从那里进行更改并保存更改？这实际上取决于您所做更改的级别。您可以通过添加自己的类并向其中添加正确的样式来覆盖库存设置。如果使用较少的文件，则必须重新编译所有文件并链接新的原始css文件。如果你只是做一些小的改变，那就不太理想了。要调整边距，您可以在页眉部分应用样式、内联或粘贴“！样式表中项目旁边的“重要”标记。所有这些都应该（取决于您的设置）覆盖默认css。