Question

我正在练习制作网站，而我正在使用 Bootstrap 主题来设计网站，但我想改变一些设计。

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

我应该在我的Bootstrap CSS文件中添加属性，还是应该创建新的CSS文件并从那里选择要从Bootstrap主题修改的元素？

如果我要为选择添加1个或CSS或者只是从Bootstrap类名中选择元素，那么创建新的ID文件是更好的方法吗？

Answer 1

我认为最佳做法应该是使用 Customize 并自定义Bootstrap主题。

如果主题上没有某些内容，那么您应该添加一个额外的chmod 755 -R /home/subxchange/public_html文件（来自less / sass / plain css）并覆盖您想要的类。

Answer 2

Bootstrap为您提供编译css所需的LESS文件。

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

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

Answer 3

好的选择是在您的必需元素中添加一个额外的.class标记，并在本地更改其属性。主要原因是你不应该改变Bootstrap设计的核心。

创建一个名为class =＆＃34; my_Button＆＃34;的类。并将其添加到按钮元素标记，如

<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>

其他选项将是更改内联

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

如何/什么是从引导程序设计自定义元素的好方法？

3 个答案: