『壹』 用bootstrap框架能不能开发手机端页面
Bootstrap
移动设备优先:自 Bootstrap 3 起,框架包含了贯穿于整个库的移动设备优先的样式。
容易上手:只要您具备 HTML 和 CSS 的基础知识,您就可以开始学习 Bootstrap。
响应式设计:Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。更多有关响应式设计的内容详见Bootstrap 响应式设计。
浏览器支持:所有的主流浏览器都支持 Bootstrap。
『贰』 如何能让bootstrap判定当前设备是手机,平板还是PC
你只要判断浏览器版本就行了
var browserName = navigator.userAgent.toLowerCase();
mybrowser = {
version: (browserName.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [0, '0'])[1],
safari: /webkit/i.test(browserName) && !this.chrome,
opera: /opera/i.test(browserName),
firefox:/firefox/i.test(browserName),
msie: /msie/i.test(browserName) && !/opera/.test(browserName),
mozilla: /mozilla/i.test(browserName) && !/(compatible|webkit)/.test(browserName) && !this.chrome,
chrome: /chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName)
}
『叁』 怎样让bootstrap设计的页面在手机端也能响应式自适应
默认就是可以在手机端自适应的。
注意一下它的栅栏布局里的介绍:
手机上一般是用-xs
比如:
<div class="row">
<div class="col-xs-12 col-md-6">在电脑上,这是半行,在手机上,这里是一行</div>
<div class="col-xs-12 col-md-6"></div>
</div>
『肆』 如何用bootstrap制作手机网站
不可以,bootstrap只是基于jQuery的一种JS框架属于网页开发脚本,不能做APP但是可以做移动端的网页,bootstrap有响应式布局可以再手机、平板和台式端以网页的形式显示。
『伍』 bootstrap开发一个网站的wap端即手机网站,周期大概多长时间
一个网站1个页面可以说是一个网站,1000个页面也是一个网站,你说多久时间?
手机页面宽度用百分比,单位用rem,图标用矢量图标
矢量图标你可以直接用SVG格式的图标,也可以用字体图标,这样的话放大缩小都不会有锯齿或者模糊,而且还可以随便改颜色,兼容状况又好,不管是iphone4s那样的小屏还是ipad那样的大屏都粉好
你要用bootstrap做网站,最好跟程序员沟通一下,万一人家不用bootstrap或者不了解,你后期跟程序员配合都头疼死你,当然,如果你一个人把一个网站都搞定那就没有配合问题了
『陆』 h5怎样利用bootstrap进行移动端适配
最好的方式是通过css media query多媒体查询去写css 就好了, bootstrap的本质也是css media query多媒体查询技术
『柒』 bootstrap适用于电商开发吗
他只是个前端框架,开发的时候可以使用bootstrap的样式
『捌』 求 懂前端的大神:如何用bootstrap框架 写出如下的手机端页面呢
引入bootstrap填写如下类名
.col-xs-数字 .col-sm-数字 .col-md-数字 .col-lg-数字
bootstrap是12列栅格
xs代表超小屏幕 手机 (<768px)
sm小屏幕 平板 (≥768px)
md中等屏幕 桌面显示器 (≥992px)
lg大屏幕 大桌面显示器 (≥1200px)
一行四个数字取3就行了
一行6个数字 取2
以此类推
『玖』 用bootstrap写手机端
对于理想,用这种手机进行初选,客户还报我,但是我就是应该是不行的,因为有些手机更是无法进行这种缩写的,所以说得看手机的情况嘛,如果是老人,学校学生这种之类的,应该行的young,产品应该好一些的,用手机成,应该可以数字户端。