03.04 怎样用Bootstrap制作简约唯美登录注册页面?

Amele


Bootstrap框架本身提供了一组更规范易用且美观的form控件,包括input group复合文本框组件,加上为表单验证功能专门设计的一些CSS和JS特性,可以说用Bootstrap本体框架即可制作出简约、专业、漂亮的用户认证(注册/登录)模块。这方面,建议您查看以下Bootstrap官网文档:

表单控件:

https://getbootstrap.com/docs/4.3/components/forms/

表单验证组件:

https://getbootstrap.com/docs/4.3/components/forms/#validation

复合文本框组件:

https://getbootstrap.com/docs/4.3/components/input-group/


如果您需要制作更加个性化设计的用户认证页面,可以参考一些基于Bootstrap的网页模板,或使用一些第三方的基于Bootstrap的扩展UI框架,以下给出几个参考:

MDB,国外非常流行的Bootstrap扩展框架:

https://mdbootstrap.com/

MDB基于Bootstrap,但根据Google的Material设计风格重新设计了框架的所有组件,并扩充了上千个新的组件,非常棒!其中也有注册/登录的多个组件和模板可供免费下载。

envato market,国外著名的数字产品市场:

https://themeforest.net/category/site-templates

在HTML模板分类,可以找到很多整站模板,或细分场景模板,肯定也包括用户认证方面的模板。您可以找一找。需要注意的是,其中有非常多的模板也是基于Bootstrap框架的,所以也符合您的需求。


限于篇幅,只能粗略给您介绍这点资料。希望能帮到您的忙。


分享到:


相關文章: