blocks|key|429020|text|据我所知，您可以单独使用所有提到的技术，也可以一起使用。由你决定。我认为你从错误的角度看待这个问题。材料设计就是页面特定元素的设计、表现和组合的方式。Material+Design提供了很好的UI/UX，但它依赖于图形布局(HTML/CSS)而不是JS+(事件、交互)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|429021|另一方面，AngularJS和Bootstrap是前端框架，可以节省您编写大量代码的时间，从而加快开发速度。例如，您可以使用AngularJS构建web应用程序，但不使用Material+Design。或者你可以在没有AngularJS或Bootstrap的情况下使用Material+Design构建简单的HTML5网页。最后，你可以通过Bootstrap和Material+Design来构建使用AngularJS的web应用。这是最好的情况。所有技术都相互支持。|429022|429023|+UI/UX|ordered-list-item|429024|+=响应页+|offset|length|style|BOLD|429025|AngularJS+=+MVC+|unordered-list-item|429026|
|429027|物料设计=伟大的Bootstrap|429028|429029|你可以查看+check+design+components++AngularJS：|429030|https://material.angularjs.org|429031|429032|​|429033|📷|atomic|429034|429035|演示：+https://material.angularjs.org/latest/demo/|429036|429037|429038|entityMap|0|LINK|mutability|MUTABLE|url|https://material.angularjs.org/|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/083029840d068cbdde112100f1dd348a.png|imageAlt|2|https://material.angularjs.org/latest/demo/|3|https://ask.qcloudimg.com/http-save/yehe-900000/58eccf49e8774ea83284bc59b9865f24.png^0|0|0|0|0|2|3|0|C|3|0|0|5|C|0|0|0|T|U|B|0|0|U|0|U|0|0|0|0|1|0|0|1|0|1|1|0|0|1|0|0|3|4|17|4|17|2|0|0|1|0|1|3|0|0|1|0^^$0|@$1|2|3|4|5|6|7|1S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1T|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|1U|8|@]|9|@]|A|$]]|$1|E|3|F|5|G|7|1V|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|1W|8|@$J|1X|K|1Y|L|M]]|9|@]|A|$]]|$1|N|3|O|5|P|7|1Z|8|@$J|20|K|21|L|M]]|9|@]|A|$]]|$1|Q|3|R|5|6|7|22|8|@]|9|@]|A|$]]|$1|S|3|T|5|P|7|23|8|@$J|24|K|25|L|M]]|9|@]|A|$]]|$1|U|3|-4|5|6|7|26|8|@]|9|@]|A|$]]|$1|V|3|W|5|6|7|27|8|@$J|28|K|29|L|M]|$J|2A|K|2B|L|M]]|9|@]|A|$]]|$1|X|3|Y|5|6|7|2C|8|@$J|2D|K|2E|L|M]]|9|@$J|2F|K|2G|1|2H]]|A|$]]|$1|Z|3|-4|5|6|7|2I|8|@]|9|@]|A|$]]|$1|10|3|11|5|6|7|2J|8|@$J|2K|K|2L|L|M]]|9|@]|A|$]]|$1|12|3|13|5|14|7|2M|8|@$J|2N|K|2O|L|M]]|9|@$J|2P|K|2Q|1|2R]]|A|$]]|$1|15|3|11|5|6|7|2S|8|@$J|2T|K|2U|L|M]]|9|@]|A|$]]|$1|16|3|17|5|6|7|2V|8|@$J|2W|K|2X|L|M]|$J|2Y|K|2Z|L|M]]|9|@$J|30|K|31|1|32]]|A|$]]|$1|18|3|13|5|14|7|33|8|@$J|34|K|35|L|M]]|9|@$J|36|K|37|1|38]]|A|$]]|$1|19|3|11|5|6|7|39|8|@$J|3A|K|3B|L|M]]|9|@]|A|$]]|$1|1A|3|-4|5|6|7|3C|8|@]|9|@]|A|$]]]|1B|$1C|$5|1D|1E|1F|A|$1G|1H]]|1I|$5|1J|1E|1K|A|$1L|1M|1N|-4]]|1O|$5|1D|1E|1F|A|$1G|1P]]|1Q|$5|1J|1E|1K|A|$1L|1R|1N|-4]]]]

As far as I know you can use all mentioned technologies separately or together. It's up to you. I think you look at the problem from the wrong angle. Material Design is just the way particular elements of the page are designed, behave and put together. Material Design provides great UI/UX, but it relies on the graphic layout (HTML/CSS) rather than JS (events, interactions). 

On the other hand, AngularJS and Bootstrap are front-end frameworks that can speed up your development by saving you from writing tons of code. For example, you can build web app utilizing AngularJS, but without Material Design. Or You can build simple HTML5 web page with Material Design without AngularJS or Bootstrap. Finally you can build web app that uses AngularJS with Bootstrap and with Material Design. This is the best scenario. All technologies support each other.

<ol>
<li>Bootstrap = responsive page </li>
<li>AngularJS = MVC </li>
<li>Material Design = great UI/UX</li>
</ol>

You can check awesome material design components for AngularJS:

<a href="https://material.angularjs.org" rel="noreferrer">https://material.angularjs.org</a>

<hr>

<img src="https://i.stack.imgur.com/wltfc.png" alt="enter image description here">

Demo: <a href="https://material.angularjs.org/latest/demo/" rel="noreferrer">https://material.angularjs.org/latest/demo/</a>
<img src="https://i.stack.imgur.com/NmDRO.png" alt="enter image description here">

I'm going to start new project using AngularJS (full stack). My project needs to be responsive and I'll be creating templates from scratch. 

So I need an advice on whether to choose bootstrap 3 (with angular directives) or material design for layouts? 

I'd greatly appreciate if someone can list the pros &amp; cons of both.

Choosing bootstrap vs material design

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我将使用AngularJS (全栈)启动新项目。我的项目需要具有响应性，我将从头开始创建模板。所以我需要一个关于是选择bootstrap 3(带角度指令)还是材料设计布局的建议？如果有人能列出两者的优缺点，我将不胜感激。

问选择bootstrap还是材料设计
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问选择bootstrap还是材料设计EN