Example page header Subtext for header
``` -------------------------------- ### Install Grunt CLI Globally Source: https://github.com/boltsparts/bolts_archive/blob/master/backends/website/static/source/bootstrap-3.2.0/docs/_includes/getting-started/grunt.html Installs the Grunt command line interface globally on your system. This is a prerequisite for using Grunt commands. ```bash npm install -g grunt-cli ``` -------------------------------- ### Selects with Multiple Options Source: https://github.com/boltsparts/bolts_archive/blob/master/backends/website/static/source/bootstrap-3.2.0/docs/_includes/css/forms.html Example of a select dropdown, including how to enable multiple selections. ```html ``` -------------------------------- ### Example Two-Column Layout with Mixins Source: https://github.com/boltsparts/bolts_archive/blob/master/backends/website/static/source/bootstrap-3.2.0/docs/_includes/css/grid.html Demonstrates using Bootstrap's Less mixins to create a two-column layout. This example uses the default settings for large devices, creating an 8-column main content area and a 3-column secondary area with a 1-column offset. ```scss .wrapper { .make-row(); } .content-main { .make-lg-column(8); } .content-secondary { .make-lg-column(3); .make-lg-column-offset(1); } ``` ```html ... ... ``` -------------------------------- ### Troubleshoot npm Installation Source: https://github.com/boltsparts/bolts_archive/blob/master/backends/website/static/source/bootstrap-3.2.0/docs/_includes/getting-started/grunt.html A common troubleshooting step for installation issues. Deleting the node_modules directory and rerunning npm install can resolve dependency conflicts. ```bash rm -rf node_modules && npm install ``` -------------------------------- ### Basic Dropdown Example Source: https://github.com/boltsparts/bolts_archive/blob/master/backends/website/static/source/bootstrap-3.2.0/docs/_includes/components/dropdowns.html This is a basic example of a dropdown menu. It requires the parent element to have `position: relative;` and the dropdown trigger and menu to be wrapped within a `.dropdown` class. ```html-
Media heading
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.Nested media heading
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.Nested media heading
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.Nested media heading
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. -
Media heading
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
Thumbnail label
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
Media heading
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus..col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-8
.col-md-4
.col-md-4
.col-md-4
.col-md-4
.col-md-6
.col-md-6
- ` element for increased spacing and larger click targets.
```html
```
--------------------------------
### BLT File Parameter Descriptions Example
Source: https://github.com/boltsparts/bolts_archive/blob/master/backends/website/blog/posts/2014-01-08-Parameter-descriptions.md
This YAML snippet demonstrates how to define descriptions for part parameters within a BLT file. The 'description' key under 'parameters' maps parameter names to their human-readable explanations.
```yaml
- id: hexagonthinnut1
naming:
template: Hexagon thin nut %s - %s
substitute: [standard, key]
description: hexagon thin nuts
standard: [ISO4035, DINENISO4035]
replaces: DIN439B
parameters:
free: [key]
types: {key: Table Index}
defaults: {key: M3}
description:
key: Thread designation
d1: hole diameter
s: width across flats
e_min: head diameter
m_max: thickness
tables:
index: key
columns: [d1, s, m_max, e_min]
data:
#key [ d1 s m_max e_min ]
M1.6: [ 1.6, 3.2, 1, 3.48, ]
M1.7: [ 1.7, 3.2, 1, 3.48, ]
M2: [ 2, 4, 1.2, 4.32, ]
M2.3: [ 2.3, 4.5, 1.2, 5.2, ]
M2.5: [ 2.5, 5, 1.6, 5.45, ]
```
--------------------------------
### Affix via JavaScript with Offset Options
Source: https://github.com/boltsparts/bolts_archive/blob/master/backends/website/static/source/bootstrap-3.2.0/docs/_includes/js/affix.html
Manually initialize the affix plugin using JavaScript. Configure the offset by providing a number for both top and bottom, or an object with specific top and bottom values. A function can be used for dynamic offset calculation.
```js
$('#my-affix').affix({
offset: {
top: 100,
bottom: function () {
return (this.bottom = $('.footer').outerHeight(true))
}
}
})
```
--------------------------------
### Initialize Bootstrap Buttons via JavaScript
Source: https://github.com/boltsparts/bolts_archive/blob/master/backends/website/static/source/bootstrap-3.2.0/docs/_includes/js/buttons.html
Enable all buttons on the page using the `.button()` method.
```js
{% highlight js %} $('.btn').button() {% endhighlight %}
```
--------------------------------
### Fixed Top Navbar Example
Source: https://github.com/boltsparts/bolts_archive/blob/master/backends/website/static/source/bootstrap-3.2.0/docs/_includes/components/navbar.html
Implement a fixed-to-top navbar by adding the `.navbar-fixed-top` class. Include a container to center and pad the content. Note that body padding is required to prevent content overlay.
```html
...
```
--------------------------------
### Switch Branches
Source: https://github.com/boltsparts/bolts_archive/blob/master/backends/website/docs/sources/0.4/general/development.md
Use this command to navigate between different branches in your local repository.
```bash
git checkout branchname
```