Giter Club home page Giter Club logo

flatstrap's Introduction

Bower version npm version devDependency Status

First and foremost I'd like to thank everyone that has contributed and starred this project.

##NEWS

**Development on the next version of Flatstrap has begun.

##Flat version of Bootstrap

Flatstrap Creator

William Waldon

##Bootstrap Creators

Mark Otto

Jacob Thornton

Copyright and license

Code and documentation copyright 2011-2014 Twitter, Inc. Code released under the MIT license. Docs released under Creative Commons.

Flatstrap was created by William Waldon. You are allowed to do whatever you want with the flatstrap code.

flatstrap's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

flatstrap's Issues

Where is model?

Bootstrap has model, but flatstrap has not model, so I'm hard to transfer my project into flatstrap due to that problem, would you make model into flatstrap?

Where are bootstrap assets?

I can't find this bootstrap assets in the flatstrap project.Where are they?
bootstrap/
├── css/
│ ├── bootstrap.css
│ ├── bootstrap.min.css
│ ├── bootstrap-theme.css
│ └── bootstrap-theme.min.css
├── js/
│ ├── bootstrap.js
│ └── bootstrap.min.js
└── fonts/
├── glyphicons-halflings-regular.eot
├── glyphicons-halflings-regular.svg
├── glyphicons-halflings-regular.ttf
└── glyphicons-halflings-regular.woff

Broken?

The Flatstrap 3.0.3 and master CSS files under dist/ look pretty much the same as vanilla Bootstrap 3 CSS. Visual appearance is 99.9 % identical to Bootstrap both in dev-master and 3.0.3 that I downloaded from your website. There are rounded corners and 3D effects everywhere unlike in the older Flatstrap 3.0 release that I got.

Is this an error or intended behaviour?

Toggle buttons in pushed and unpushed state are indistinguishable

I'm loving Flatstrap but I worry that in making this first wave of changes some UX clues have been lost including the ability to quickly and easily distinguish between the toggled state of these new flat buttons.

For example, try to guess which one(s) are pressed:

toggles

Not Font-Awesome Friendly

I love Bootstrap. I also love what you've done here and would like to use it, but I love Font-Awesome too (http://fortawesome.github.com/Font-Awesome/). Unfortunately, because your build includes the CSS for bootstrap's default icons, it can't be used with Font-Awesome. Any chance of offering a build sans the CSS for icons?

Container has a set width of 940px

Container has a set width of 940px. It should have max-width: 970px; and width auto.

For the most part everything renders correctly, but the container in the jumbotron will have a set width of 940px; causing text to overflow and the page be over extended.

img-circle and other image classes not in bootstrap.css

See title. They are not even included in the demo pages that go along in the download. On the Base CSS tab, they area that they talk about these classes seems to be displaying all square boxes (because the classes are simply not there).

Indicators on Carousel not working

If you put carousel indicators in the carousel, they show up and are styled via CSS / LESS but they have no function ... I don't know if anything has been changed in the JavaScript, because I couldn't get it working.

I'm using the minified version of the bootstrap.js ( the bootstrap.min.js ). I can see that the minified and concatenated version of the js is missing some of the features from the individual files. So should be a simple fix.

[enhancement] Add missing bower.json.

Hey, maintainer(s) of littlesparkvt/flatstrap!

We at VersionEye are working hard to keep up the quality of the bower's registry.

We just finished our initial analysis of the quality of the Bower.io registry:

7530 - registered packages, 224 of them doesnt exists anymore;

We analysed 7306 existing packages and 1070 of them don't have bower.json on the master branch ( that's where a Bower client pulls a data ).

Sadly, your library littlesparkvt/flatstrap is one of them.

Can you spare 15 minutes to help us to make Bower better?

Just add a new file bower.json and change attributes.

{
  "name": "littlesparkvt/flatstrap",
  "version": "1.0.0",
  "main": "path/to/main.css",
  "description": "please add it",
  "license": "Eclipse",
  "ignore": [
    ".jshintrc",
    "**/*.txt"
  ],
  "dependencies": {
    "<dependency_name>": "<semantic_version>",
    "<dependency_name>": "<Local_folder>",
    "<dependency_name>": "<package>"
  },
  "devDependencies": {
    "<test-framework-name>": "<version>"
  }
}

Read more about bower.json on the official spefication and nodejs semver library has great examples of proper versioning.

NB! Please validate your bower.json with jsonlint before commiting your updates.

Thank you!

Timo,
twitter: @versioneye
email: [email protected]
VersionEye - no more legacy software!

image classes gone

the classes

.img-circle

and

.img-rounded

are gone from the current master branch

control of version number

Hello, I'm wondering if the version numbering of flatstrap is intentionally different than bootstrap? Flatstrap is currently on 3.1.2 but bootstrap is still 3.1.1.

We are adding Flatstrap to jsDelivr (a high-performance CDN for static files) and want to get the version numbers right. [Reference https://github.com/jsdelivr/jsdelivr/pull/685]

FontAwesome not working on SCSS version

Guys, I'm trying to make the FontAwesome font work in my computer but unfortunatlly it is not working.

My icons load as squares, even though the FontAwesome is imported, I'm not sure what is happening, any of you know what may be causing it?

Typeahead colour

Typeahead hover/selected colour should be white, currently its black.

Button toggle status indication

its impossible to determinate Button toggle state while hovering it.
original bootstrap use slight gradient to indicate this.

Tooltip issue

Hi,
Seems tooltips re-trigger again and again when you hover over the tooltip itself. Please see:
bug

Question

Why is on your website the navbar-inverse green-ish, while when I download the version from github (the version from "Download" on your website is... not even css, just zip with some html and regular bootstrap), the top navbar is still black when navbar-inverse?

dist/ exports are stock Bootstrap

The CSS files in /dist/ have rounded buttons and such (plain bootstrap) -- this is mentioned in #51 but that has been closed.

https://github.com/littlesparkvt/flatstrap/blob/master/dist/css/flatstrap.css

.btn {
 [...removed..]
  border: 1px solid transparent;
  border-radius: 4px;
}

And here's the same btn class being used on the Flatstrap website (no border radius):

.btn {
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #a2a2a2;
}

Removal of less source files

For anyone using a custom selection of bootstrap's less files, your awesome perspective on the project won't work.

Carousel broken

Not quite sure what's going on, but I tried out the flatstrap css (with bootstrap.js I believe) and the carousel next/previous buttons stopped working (had no effect when clicked). Switched back to bootstrap css and it worked fine.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.