Bootstrap禁用响应式布局的实现方法
作者：cristina_song 发布时间：2024-07-13 12:09:09
在Bootstrap中极其重要的一个技术内容便是响应式布局了，一次编码针对不同设备终端的强大能力使得响应式技术愈发流行。
不过正所谓“萝卜青菜各有所爱”，如果你想要使用Bootstrap开发自己的项目却又恰巧不太喜欢响应式布局（或者你所设计的页面布局不允许你使用响应式技术），那么你可以通过以下方式禁用响应式布局。
移除标签
禁用第一步，就是需要移除在head标签中添加的
<meta name="viewport" content="width=device-width, initial-scale=1.0”>
该标签的作用在于使得你的网站在移动设备端被访问的时候，不会进行缩放，而是以100％的比例显示在移动设备中。
设定宽度
禁用第二步，为.container类设置一个宽度，从而覆盖它根据设备宽度而自动调节的功能。
例如你可以设定.container {width: 980px;}，为了起到覆盖原bootstrap样式的作用，最好将你自定义的css文件在bootstrap.css文件之后引入。
删除菜单折叠
倘若你采用了导航栏，那么就要注意删掉菜单在移动端的折叠样展开式（主要通过button的navbar-toggle来实现）。
栅格布局
除此之外，如果你采用了栅格布局，那么就要采用.col-xs-*（最小设备栅格类）的样式来代替.col-md-*以及.col-lg-*，这样就能确保栅格能够在所有设备中展开。
Bootstrap 会自动帮你针对不同的屏幕尺寸调整你的页面，使其在各个尺寸的屏幕上表现良好。下面我们列出了如何禁用这一特性，就像这个非响应式布局实例页面一样。
以上所述是小编给大家介绍的Bootstrap禁用响应式布局的实现方法网站的支持！
来源：http://blog.csdn.net/cristina_song/article/details/60955089
0
投稿猜你喜欢
- var str = "hello"; str += " world"; 后台所做工作： 1）创建存储
最近一直跟着廖大在学Python，关于分布式进程的小例子挺有趣的，这里做个记录。分布式进程Python的multiprocessing模块不- 请问css如何实现一张图片的倒影。出来的效果就像这样：下面是使用了滤镜来实现倒影的效果：<div style=" width
- <table border="1" id="tab"> <tr>
- 发邮件是一种很常见的操作，本篇主要介绍一下如何用python实现自动发件。import smtplibfrom email.mime.tex
- 1.什么是并发编程并发编程是实现多任务协同处理，改善系统性能的方式。Python中实现并发编程主要依靠进程(Process)：进程是计算机中
- 呃，看到这个标题，我们可以首先将IE系浏览器无视了。我承认，我是有极简主义倾向的，我希望能够使用最少的代码和图片做更多的事情。虽然CSS3仅
- MySQL 数据库 source 命令详解及实例MySQL 数据库 source 命令，该命令是数据库导入命令。source 命令的用法非常
- 前言我们在开发应用是经常会需要用到一些数据的存储，存储的方式有多种，使用数据库是一种比较受大家欢迎的方式。但是对于一些小型的应用，如一些移动
- ScrapyScrapy是一个比较好用的Python爬虫框架，你只需要编写几个组件就可以实现网页数据的爬取。但是当我们要爬取的页面非常多的时
- mysqlslap常用参数说明–auto-generate-sql 由系统自动生成sql脚本进行测试–auto-generate-sql-a
- 我是用来移动图片的，其他格式的文档也是可以的，改下后缀列表就可以了import os,shutilimport datetime
- 以下几种方法来模拟enum：（感觉方法一简单实用）# way1class Directions: up
- 错误展示new_model = load_model(“model.h5”)报错：1、keras load_model valueError
- 训练完目标检测模型之后，需要评价其性能，在不同的阈值下的准确度是多少，有没有漏检，在这里基于IoU(Intersection over Un
- 因为项目开发中遇到需要向后台传本周的开始和结束时间，以及上一周的起止时间，就琢磨了半天，总算写出来一套，写篇文章是为了方便自己记忆，也是分享
- lxml是python的一个解析库，支持HTML和XML的解析，支持XPath解析方式，而且解析效率非常高XPath，全称XML Path
- 开始现在要加速学习了，大佬们有没有内推，给个推荐会vue2/vue3 + ts断言非空断言非空断言就是确定这个变量不是null或者undef
- 1、主题如何使用Pycahrm内置终端以及远程SSH工具。2、准备工作Pycharm版本为3.0或更高连接SSH服务器3、使用SSH客户端4
- 利用numpy、matplotlib、sympy绘制sigmoid、tanh、ReLU、leaky ReLU、softMax函数起因：深度学
