CSS CoffeeScript Shell
Switch branches/tags
Pull request Compare This branch is 18 commits ahead of nutbolt:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dist/web
examples
less
luci/themes/bootstrap
pages
templates
.gitignore
.nojekyll
Gruntfile.coffee
LICENSE
Makefile
README.md
_config.yml
bower.json
index.html
package.json

README.md

BOOTSTRAP3 FOR LUCI — LESS.css remake


work-in-progress

This fork is a remake/port of luci-theme-bootstrap using LESS.css (as bootstrap is built with it).

Built with themestrap.


Bootstrap is a clean HTML5 theme for LuCI - the web configuration interface commonly found on OpenWrt installation. It is based on Bootstrap, Twitter's toolkit for kickstarting CSS for websites, apps, and more. It includes base CSS styles for typography, forms, buttons, tables, grids, navigation, alerts, and more.

Bootstrap for LuCI

It is currently not included in the default OpenWrt package repository so you will have to compile it yourself.

How it works

Bootstrap defines default themes for most HTML elements. For an indication of which components are available, have a look at

Every page gets assigned a body class based on the name of the node/module/app you are currently in. For the Overview page it will be as follows <body class="Overview">

This allows node-specific style rules to be applied by prefixing the css selector for your style override by .node-name. Say you want to change the alignment of label items on the Overview page, you would do that as follows: .Overview label { text-align: left }

Bug tracker

Have a bug? Please create an issue here on GitHub!

https://github.com/nutbolt/luci-theme-bootstrap/issues

Authors

David Menting

License

LuCI Theme Bootstrap: Copyright 2012 Nut & Bolt Twitter Bootstrap: Copyright 2011 Twitter, Inc.

Licensed under the Apache License, Version 2.0: http://www.apache.org/licenses/LICENSE-2.0