Smalltalk › Squeak › Squeak - Dev

Twitter Bootstrap Fluid layout in iPad/iPhone

_‹ Previous Topic Next Topic _›

Classic

List

Threaded

5 messages Options

Chris Cunnington

Twitter Bootstrap Fluid layout in iPad/iPhone

With three files (fluid.html, bootstrap.css, and
bootstrap-responsive.css) I have the Twitter Bootstrap fluid page layout
for consideration for a new squeak.org homepage. [1] No need to worry
about responsive design, this page does it for you. I tested it in
iPad/iPhone [1] [2] and it comes up looking good each time. Bootstrap is
pretty nifty.

Chris

[1] http://www.osrcon.ca/fluid.html
[2] http://iphonetester.com/
[3] http://ipadpreview.com/

openslateproj

Re: Twitter Bootstrap Fluid layout in iPad/iPhone

tried using Chrome on Android phone, got HTTP Error 504 "Gateway Timeout." Works from Firefox on FreeBSD desktop.

On Wed, Nov 21, 2012 at 8:42 AM, Chris Cunnington <[hidden email]> wrote:

With three files (fluid.html, bootstrap.css, and bootstrap-responsive.css) I have the Twitter Bootstrap fluid page layout for consideration for a new squeak.org homepage. [1] No need to worry about responsive design, this page does it for you. I tested it in iPad/iPhone [1] [2] and it comes up looking good each time. Bootstrap is pretty nifty.

Chris

[1] http://www.osrcon.ca/fluid.html
[2] http://iphonetester.com/
[3] http://ipadpreview.com/

--
Gary Dunn
Open Slate Project
http://openslate.org/

Chris Cunnington

Re: Twitter Bootstrap Fluid layout in iPad/iPhone

On 2012-11-21 4:21 PM, Open Slate wrote:

tried using Chrome on Android phone, got HTTP Error 504 "Gateway Timeout." Works from Firefox on FreeBSD desktop.

On Wed, Nov 21, 2012 at 8:42 AM, Chris Cunnington <[hidden email]> wrote:

With three files (fluid.html, bootstrap.css, and bootstrap-responsive.css) I have the Twitter Bootstrap fluid page layout for consideration for a new squeak.org homepage. [1] No need to worry about responsive design, this page does it for you. I tested it in iPad/iPhone [1] [2] and it comes up looking good each time. Bootstrap is pretty nifty.

Chris

[1] http://www.osrcon.ca/fluid.html
[2] http://iphonetester.com/
[3] http://ipadpreview.com/

--
Gary Dunn
Open Slate Project
http://openslate.org/

Hmmm... that's interesting. Thanks for testing.
I have an iPad with Safari and an Android Xoom with Chrome and Opera and they all checked out. The fluid layout shifts, bounces around.

Chris

Hannes Hirzel

Re: Twitter Bootstrap Fluid layout in iPad/iPhone

In reply to this post by openslateproj

On 11/21/12, Open Slate <[hidden email]> wrote:
> tried using Chrome on Android phone, got HTTP Error 504 "Gateway Timeout."

I would try again :-)
a time out is about communication being too slow.

Which version of Android and Chrome?

> Works from Firefox on FreeBSD desktop.

OK, btw which version of FF?

>
> On Wed, Nov 21, 2012 at 8:42 AM, Chris Cunnington <
> [hidden email]> wrote:
>
>>
>> With three files (fluid.html, bootstrap.css, and
>> bootstrap-responsive.css)
>> I have the Twitter Bootstrap fluid page layout for consideration for a
>> new
>> squeak.org homepage. [1] No need to worry about responsive design, this
>> page does it for you. I tested it in iPad/iPhone [1] [2] and it comes up
>> looking good each time. Bootstrap is pretty nifty.
>>
>> Chris
>>
>>
>> [1] http://www.osrcon.ca/fluid.**html <http://www.osrcon.ca/fluid.html>
>> [2] http://iphonetester.com/
>> [3] http://ipadpreview.com/
>>
>>
>
>
> --
> Gary Dunn
> Open Slate Project
> http://openslate.org/
>

dcorking

Re: Twitter Bootstrap Fluid layout in iPad/iPhone

The browser tries to load the Bootstrap/JQuery javascript, but the
server doesn't have it. Maybe this can cause delays in some browsers
or networks (it looks ok in desktop Safari.)

Very impressive to see the fluidity of the layout without any js trickery.