Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Junior Member
    Join Date
    Jun 2014
    Posts
    2
    Member #
    39490

    Responsive Web Layout Without Frameworks (Bootstrap, etc)

    Could anyone explain how to code a responsive web layout (layout changes based on size of screen and type of device) without using a premade framework like Bootstrap? If not, could someone link a tutorial that is easy to follow along? I know HTML, CSS, and very little JavaScript. The closest I can get a website to look like a responsive layout is by doing percentages, but I can't get columns to fall underneath others like a mobile device normally does in a responsive layout if I use percentages.

    Please and thank you.
    Sorry if this belongs in another forum topic. I wasn't sure where to put it.

  2.  

  3. #2
    Senior Member Vapr_Arts's Avatar
    Join Date
    Oct 2013
    Location
    California
    Posts
    1,923
    Member #
    37412
    Liked
    544 times
    Start by looking into Media Queries. If you know CSS you can do media queries.

    Basically its one line of code followed by a new set of rules that go into place once a screen has shrunk/expanded to a certain size.


    Regretfully sent from my iPhone using Tapatalk during lunch and other breaks

  4. #3
    Junior Member
    Join Date
    Jun 2014
    Posts
    2
    Member #
    39490
    Quote Originally Posted by Vapr_Arts View Post
    Start by looking into Media Queries.
    Thank you!


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 05:01 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com