要使用媒体查询和Bootstrap框架来实现网站的移动适配，可以按照以下步骤尝试：

1. 引入Bootstrap框架：将Bootstrap的CSS和JS文件引入到网页中。可以通过直接下载文件或使用CDN引入。

2. 使用Bootstrap的网格系统：Bootstrap提供了响应式的网格系统，可以通过行和列的组合来布局网页。使用网格系统可以方便地将网页内容分成不同的区域，并在不同屏幕尺寸下进行自动调整。

3. 使用媒体查询：媒体查询是CSS的一种功能，可以根据设备的屏幕尺寸和特性来应用不同的样式。通过定义不同的媒体查询规则，可以实现在不同屏幕尺寸下显示不同的布局和样式。

4. 创建响应式布局：根据设计要求和网站需求，使用Bootstrap的组件、样式和响应式工具来创建适应不同屏幕尺寸的布局和样式。可以使用Bootstrap提供的类名来设置不同的样式。

5. 进行测试和调整：在不同的设备上进行测试，并根据实际效果和用户反馈来进行调整和优化。可以使用浏览器的开发者工具来模拟不同的屏幕尺寸，并实时查看网页在不同设备上的显示效果。

通过以上步骤，可以使用媒体查询和Bootstrap框架来实现网站的移动适配，使网页在不同的设备上都能够有良好的显示效果和用户体验。