如何开始构建网站的 UI答案

【问题标题】：How to Get started to build UI of website如何开始构建网站的 UI
【发布时间】：2018-08-20 07:37:48
【问题描述】：

我开发了一个没有样式（没有引导程序和 CSS）的系统，现在我需要添加它们。我对引导程序没有适当的了解，但通过了 W3Schools 并理解了这些概念。现在我的问题是我无法理解实现的顺序，即必须先做什么，然后是第二个，然后是第三个等等，以及如何使用这些概念。如果有人能帮我解决我的问题，我将不胜感激。非常感谢

【问题讨论】：

标签： php html css bootstrap-modal bootstrap-4

【解决方案1】：

您需要做的就是将样式表 / js / 等添加到 html 中的 <head> 部分，如下所示：

<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</head>

从这里开始，你准备好了。

见this as an example.

【讨论】：

谢谢。我是否还需要在开始时指定网格
这取决于您要达到的目标。但是使用引导网格布局始终是一个很好的开始方式。使用方法见this guide。
是否建议使用模板或编码所有内容......只是知道我的朋友说编码需要很长时间是真的
您始终可以使用模板，但要了解引导程序中的所有工作原理，您应该自己动手。此外，需要多长时间取决于您的网站有多大。