Question

据我所知，Bootstrap的本质是使用可从网站下载的模板创建响应式设计。我们是否可以运用我们的创造力在Bootstrap中设计我们自己的布局，类似于使用Adobe Dreamweaver（HTML和CSS）可以实现的？如果可能的话，请提供一些指示。

Answer 1

每个bootstrap模板都是由某人设计的。 Bootstrap只是一些CSS和Javascript，它们为您提供代码。当你说＆＃34; Bootstrap的本质是使用可以从网站下载的模板来创建响应式设计时，我不认为这是真的正确，或者对Bootstrap和使用者是公平的它。许多人以这种方式使用引导程序，并且没有任何问题，但是必须从模板列表中选择并坚持使用它是非常有限的。这些模板旨在满足尽可能多的人的需求，因此它们不一定能满足您的特定需求。然而，它们中的很多都经常关闭，并且只需要一些基本的修改就可以到达你想要的地方。幸运的是，像bootstrap或聚合物这样的工具是更多的材料选择，很少以这种方式工作。

Bootstrap不仅仅是一组模板，它是一组组件，包括按钮，图标，标题，菜单，输入等。以下是组件on bootstrap's website。如果您从头开始工作，则可以通过组合组件来组合自己的组件来创建自己的模板。此外，当您下载引导程序时，您将获得源代码，因此您也可以自定义组件以获得更多控制权。甚至这种Bootstrap视图也是一种限制，因为Bootstrap还有一个相当大的Javascript API，允许它作为一个起点（或者如果你的需求得到完全满足，可能是一个完整的解决方案）来定制行为，包括转换，大小调整，事件处理，再一次，更多。

如果你进行谷歌搜索自定义Bootstrap，你可以找到很多例子，以及一些旨在使其更容易的工具。如果你需要一个很好的资源来学习bootstrap基础知识（CSS，Javascript和组件），只需使用他们的主网站，文档非常好。

如果您只想使用HTML和CSS编写网页代码（或者您选择的语言用于前端网页设计，那么文档就足够了。如果您想生成基本模板，您还可以查看Bootstrap＆＃39;自己的自定义主题生成器found here。我没有亲自使用它，但它似乎很直接。

模板实际上只是为了让事情变得简单，通常如果您使用模板，您仍然希望自定义它的各个部分以针对您的内容进行优化。如果你喜欢前端设计，制作自己的主题是一个很好的选择。如果您对网站的内容或后端逻辑更感兴趣，并且从头开始设计主题的繁琐听起来就像您想要处理的更多工作，您可以使用预先构建的主题，也许可以稍微自定义它根据自己的喜好。引导程序中的内容通常具有一致的外观，但您不仅限于其网站上的少数预建选项。

Answer 2

是的，你可以，我还没有使用Adobe Dreamweaver，但我认为你想要的输出是 HTML 和 CSS 而且你有足够的知识关于它。

Bootstrap实际上使用html作为元素，使用CSS作为设计（加上行为的javascript）。

检查以下代码段：

＆＃13;

.custom-design {
  border-radius: 0 !important;
  color: black !important;
  border: 3px black solid !important;
  width: 300px;
}

＆＃13;

<html>
  <head>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
  </head>
  <body>
    <p>This is the default primary button of Bootstrap:</p>
    <button class="btn btn-primary">Button</button>
    
    <p>This is the default primary button which I overrode the design:</p>
    <button class="btn btn-primary custom-design">Button</button>
  </body>
</html>

＆＃13;

Answer 3

希望我的方式有助于给你一些指导或想法。您可以使用任何类型的前端Javascript框架（如Bootstrap / Angular等）来非常轻松快速地制作模板，但这可能会浪费太多时间。如果我是你，我会使用一个模板然后混合我自己的想法为我的案例创建一个新模板。

Answer 4

是。它只是css和/或JavaScript。

可以自定义Bootstrap吗？

4 个答案: