我刚刚开始了自己的新项目。 我想做的是，在大屏幕上，有一个按钮激活一个模态窗口，但在较小的屏幕（手机）上，我希望该模态窗口成为一个非画布部分，当点击按钮时，离开画布从侧面滑入。在该模态/关闭画布部分中，将有一个表格填写。 （实际上会有多个按钮需要激活该功能。想想像每个按钮的多个缩略图，让观众添加评论）
我正在使用Bootstrap 3作为我的基础框架。我想最小化javascript（jQuery）功能，但我明白我不能完全。
我有的问题， 我是否必须创建两个HTML部分，一个用于模态，一个用于画布，然后根据屏幕大小以编程方式隐藏/显示？
最好是创建表单，然后通过javascript，根据屏幕大小在其周围添加适当的HTML？ （虽然我认为这个选项很难实现，因为我的javascript技能最好是“提前初学者”）
如何激活模态窗口或非画布形式的按钮开关激活？
在我看来，我需要检测屏幕尺寸，无论我如何做到这一点，检测屏幕尺寸的最佳方法是什么，最安全最可靠的方式？
感谢你们对此有任何见解。
答案 0 :(得分：0)
您必须在此处显示问题代码，因此我也投票决定关闭您的问题。
我正在使用Bootstrap 3作为我的基础框架。我想尽量减少 javascript（jQuery）功能，但我明白我不能 完全。
Angular JS将Twitter的Bootstrap与javascript分离。请参阅：http://angular-ui.github.io/bootstrap/
我有问题，我是否必须创建两个HTML部分，一个用于 模态和一个用于画布，然后以编程方式隐藏/显示 根据屏幕尺寸？
查看自适应实用程序：http://getbootstrap.com/css/#responsive-utilities Twitter的Bootstrap的屏幕检测基于CSS媒体查询。
如何激活模态窗口或关闭画布＆gt;表格的相同按钮开关？
要根据sceensize给出相同的按钮不同的功能，你需要javascript / jQuery。请参阅：Get the size of the screen, current web page and browser window您也可以考虑使用enquire.js之类的内容，另请参阅http://bassjobsen.weblogs.fm/responsive-banner-ads-2/
或创建两个按钮并使用响应实用程序隐藏/显示它们。