[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 135
  • Last Modified:

Moblie developing

I'm woking with this template.

Where does it render differently for phones and desktops? Is it in the css file?

Thanks,

I'm starting at the beginning so I can learn this.

http://getbootstrap.com/examples/starter-template/
0
burnedfaceless
Asked:
burnedfaceless
1 Solution
 
Scott Fell, EE MVEDeveloperCommented:
It is in the css http://getbootstrap.com/css/.  They have pre defined media queries that you call by giving an object a class like .col-md-6.

Below will stack two div's for a phone and create 2 columns for anything wider where the left is wider then the right side.

<div class="row">
  <div class="col-xs-12 col-md-8">.col-xs-12 .col-md-8</div>
  <div class="col-xs-12 col-md-4">.col-xs-12 .col-md-4</div>
</div>

Open in new window

0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now