『壹』 用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,產品應該好一些的,用手機成,應該可以數字戶端。