Questions tagged [skeleton-css-boilerplate]

A collection of CSS files intended to help developers build sites for any form factor on any device

Resources :


Related tags :

168 questions
34
votes
4 answers

Is Twitter's Bootstrap mobile friendly like Skeleton?

Skeleton is made to scale to also fit mobile browsers, following the principles of responsive web design. Does Bootstrap offer the same?
7
votes
2 answers

Two Dash controls side-by-side

I am confused as to how to layout controls in dash. How do I put the dropdown and the datepicker on the same row side-by-side? html.Div( [ html.Div( [ dcc.Dropdown(id='dropdown', options=[{'label':…
Ivan
  • 7,448
  • 14
  • 69
  • 134
7
votes
3 answers

how to show grid lines with CSS?

I'm using getskeleton.com for a responsive website and I'm trying to show the grid lines in the background something like this http://nimb.ws/fTE2AR or http://fearonhay.com/residential/courtyard-house . What would be the best way to accomplish that?…
user3534270
  • 79
  • 1
  • 1
  • 2
7
votes
5 answers

Centering a div in Skeleton

For a project of mine, I'm using Skeleton Boilerplate for the first time. And I'm looking for the best practice of centring a div in Skeleton without bashing into the rules of Skeleton. At the moment, I've the following structure for a login…
Can
  • 4,516
  • 6
  • 28
  • 50
7
votes
1 answer

Altering Skeleton framework to 1400px as default

I'm quite new to skeleton but I would like to use it for a project. The project consists of 4 divs that have a maximum width of 1400px, and I would need these to scale down along with the browser. I'm not sure how I would go about altering the…
Steve Stevenson
  • 317
  • 2
  • 11
6
votes
1 answer

How to make 100% height columns with skeleton?

I would like to have 2 columns that are 100% height, without using and using the responsive columns from skeleton css. html, body { height: 100%; } .container { min-height: 100%; } .column, .columns { min-height: 100%; }
Matthieu
  • 2,289
  • 2
  • 15
  • 11
5
votes
2 answers

skeleton grid system: make container 100%

is it possible to make the the root div (container) 100% of the document? here's my code:
topbar topbar topbar topbar topbar…
Creativity Paralyze
  • 257
  • 1
  • 4
  • 14
4
votes
1 answer

Reshuffling the display order of DIVs based on css media query?

Check out this page: http://new.brixwork.com/realtors/real-estate-website-features Below the big computer screen, the images and text blocks alternate in a staircase design.. on one div the image is on the right, on another, on the left. And there…
jeffkee
  • 5,106
  • 12
  • 44
  • 76
4
votes
1 answer

LESS compile error

I am using Incident57's CodeKit pre-processor to compile a series of less files that are being imported and minified into a single CSS file called template.css. However, after making some edit (and I have no idea what edit caused this) I have…
Ali Samii
  • 1,672
  • 4
  • 28
  • 49
4
votes
3 answers

Making the Skeleton Grid System Wider

I'm curious if anyone out there has ever converted the skeleton grid system to have a wider maximum width. 960px is a bit small these days and I'm hoping to get it closer to 1100px. If anyone has done this before or has any tips for getting started…
nickff
  • 268
  • 11
  • 23
3
votes
2 answers

How can I make
 element horizontally scrollable and ensure content is inside border box?

I am using Skeleton CSS in my project for styling and I noticed that the CSS library has issue with long text inside
element in which the border box does not cover the entire code (example is in grid code section, please…
doppo
  • 137
  • 1
  • 9
3
votes
1 answer

iframe refusing to be responsive inside container div

I'm trying to make iframe responsive inside div, there are plenty of resources on the web on how to do this, but the common solution is not working for my case for YouTube video embeds. I'm using Skeleton CSS Boilerplate. I have a nested div…
3
votes
3 answers

Sticky Footer in Skeleton based Website

I am trying to add a "sticky footer" to my web site based on skeleton but I can't get it to work correctly. I am doing this based on the instruction on this website: http://www.cssstickyfooter.com/using-sticky-footer-code.html. In Chrome I get an…
Usman Sher
  • 41
  • 1
  • 4
3
votes
2 answers

Grid layout - why should I use it, and should I use a framework like Bootstrap or Foundation?

I had experience with Twitter Bootstrap and Foundation, and I personally think the only thing I want to use is their grid system. Other features are just bloated. So I read about the prospect of a grid layout. All of the articles I found are…
3
votes
1 answer

margin appears on both size when using skeleton css framework

I've just installed skeleton framework to experience it. i'm using 16 columns layout and i see that i have margins on left and right when i test it on iphone. someone has an idea? thanks
1
2 3
11 12