Public Forums 71,145 posts

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#472703

Hi swissa,

I just take a look on both site and see that.
Warp Framework has define some responsive in responsive.css file

Something like
/* Only Phones (Portrait) */ @media (max-width: 479px) {

/* Base */
body { word-wrap: break-word; }

/* Layout */
.width16,
.width20,
.width25,
.width33,
.width40,
.width50,
.width60,
.width66,
.width75,
.width80 { width: 100%;
}

which will make those class full screen when on Phone.

Our T3v3 Framework does not define those classes. We are using Bootstrap grid system. You can take a look at here.
http://twitter.github.com/bootstrap/scaffolding.html

Since we already have a cool new grid system, we do not want to support those old classes.
You can replace class ‘width25’ by ‘span3’, or ‘width50’ by ‘span6’, …. as something like the image

http://easycaptures.com/fs/uploaded/717/2921736272.jpg

Hope this helps.

Regards