https://github.com/ryuslash/bootstrapstencils

A Bootstrap Stencil for Pencil
https://github.com/ryuslash/bootstrapstencils

Last synced: 5 months ago
JSON representation

A Bootstrap Stencil for Pencil

• Host: GitHub
• URL: https://github.com/ryuslash/bootstrapstencils
• Owner: ryuslash
• License: gpl-2.0
• Created: 2015-02-16T21:40:38.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2015-02-19T09:02:08.000Z (over 11 years ago)
• Last Synced: 2025-04-22T17:17:11.146Z (over 1 year ago)
• Language: XML
• Size: 137 KB
• Stars: 16
• Watchers: 6
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: COPYING

Awesome Lists containing this project

README

          
# Bootstrap stencils

A [Bootstrap][] stencil for [Pencil][].

[Bootstrap]: http://getbootstrap.com

[Pencil]: http://pencil.evolus.vn

## Included elements

Following is a description of the elements included in this project so

far, along with descriptions of their options and settings.

- [Navbar](http://getbootstrap.com/components/#navbar)

    - The "Rounded Corners" option available in the context menu makes

      the corners rounded (default), or straight. This is to simulate

      the static/fixed and non-static/fixed navbars.

    - The "Inverted colors" option available in the context menu makes

      the Navbar look like a Navbar with a `navbar-inverse` class.

    - The options available in the "Colors" tab change the colors for

      the default Navbar look.

    - The options available in the "Inverted" tab change the colors

      for the inverted Navbar look.

    - The options available in the "Brand" tab change the text and

      font of the brand label in the Navbar.

- [Button](http://getbootstrap.com/css/#buttons)

    - With the "Style" option available in the context menu you can

      select one of the button style options (such as Primary,

      Success, Info, and so on.) Each style option has its own tab in

      the properties dialog where the colors can be changed.

    - The "Text" tab lets you change the text and font on the button.

- [Text Input](http://getbootstrap.com/css/#forms-controls)

    - The "Input" tab in the properties dialog lets you change the

      background and border colors for the input.

    - The "Text" tab lets you change the text, text color and font in

      the input.

- [Label](http://getbootstrap.com/css/#forms)

    - This is just the label element from the "GTK Widgets" stencil

      with different defaults.

- [Headings](http://getbootstrap.com/css/#type-headings)

    - Headings 1 through 6 are available. These are just the heading

      element from the "Basic Web Elements" stencil with different

      defaults.

- Hyperlink

    - This is just the Hyperlink element from the "Basic Web Elements"

      stencil with different defaults.