Javascript 网站响应性的问题

Javascript 网站响应性的问题,javascript,html,css,twitter-bootstrap,Javascript,Html,Css,Twitter Bootstrap,我对网络开发非常陌生,我很难创建一个我为我的投资组合创建的网站。我的主要问题是,我的网站使用了一个侧栏导航菜单…所以我一直在思考如何将其纳入响应中。我正在考虑使用Bootstrap来简化这个过程,但我仍然不确定如何重新安排侧边栏,使其适合较小的屏幕大小,而不进行任何重大更改 任何提示、帮助和建议都将不胜感激。谢谢 您应该查看css媒体查询。它们允许您根据浏览器的大小更改侧栏的大小,或者在浏览器太小时禁用侧栏 您可以使用媒体查询,也可以使用display flex进行响应行为:在css中,定义维度

我对网络开发非常陌生,我很难创建一个我为我的投资组合创建的网站。我的主要问题是,我的网站使用了一个侧栏导航菜单…所以我一直在思考如何将其纳入响应中。我正在考虑使用Bootstrap来简化这个过程,但我仍然不确定如何重新安排侧边栏,使其适合较小的屏幕大小,而不进行任何重大更改


任何提示、帮助和建议都将不胜感激。谢谢

您应该查看css媒体查询。它们允许您根据浏览器的大小更改侧栏的大小,或者在浏览器太小时禁用侧栏

您可以使用媒体查询,也可以使用display flex进行响应行为:

在css中,定义维度时可以使用百分比,例如:

.sidebar{
width: 50%;
}

只要侧边栏不在任何其他元素中,它就会自动调整到用户屏幕的50%。如果您的侧边栏包含在另一个元素中,您必须首先调整另一个元素的大小。

您是否研究过其他网站如何处理它?@DJean欢迎使用!不幸的是,这不是一个讨论论坛。我们还没有准备好回答这么广泛的问题。我建议你在你的领域找一位导师。祝你好运你读过引导文档中关于使其响应的章节吗?@mcon是的,我做过研究。也许我没有看到正确的研究…谢谢你的评论@jpaugh你绝对是对的。我的问题没有具体的答案。有很多方法可以解决这个问题,但问题是我个人不知道如何解决…在这种情况下,我非常需要导师。谢谢你的建议!!我会的!谢谢你的建议!