mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-09-21 03:19:09 +03:00
Code Issues Packages Projects Releases Wiki Activity

renaming of the project

Browse Source 
Replaced Material Design for Bootstrap with Bootstrap Material Design everywhere in the project/
This commit is contained in:
FezVrasta 2016-08-01 14:17:55 +02:00
parent 69b5eb17c3
commit 2944488029
65 changed files with 21731 additions and 116 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
bower.json
View File

@ -1,6 +1,6 @@
{
"name": "bootstrap-material-design",
"description": "Bootstrap Material Design for Bootstrap 4",
"description": "Bootstrap Material Design 4",
"keywords": [
"material",
"design",

2
docs/_includes/footer.html
View File

@ -12,7 +12,7 @@
Maintained by our core team with the help of <a href="https://github.com/FezVrasta/bootstrap-material-design/graphs/contributors">our contributors</a>.
</p>
<p>Code licensed <a rel="license" href="https://github.com/FezVrasta/bootstrap-material-design/blob/master/LICENSE" target="_blank">MIT</a>, docs <a rel="license" href="https://creativecommons.org/licenses/by/3.0/" target="_blank">CC BY 3.0</a>.</p>
<p>Material Design for Bootstrap v{{ site.data.version }} is a customization of <a href="http://getbootstrap.com" target="_other">Bootstrap</a> v{{ site.data.bootstrap_version }} documentation and source.</p>
<p>Bootstrap Material Design v{{ site.data.version }} is a customization of <a href="http://getbootstrap.com" target="_other">Bootstrap</a> v{{ site.data.bootstrap_version }} documentation and source.</p>
</div>
</footer>

2
docs/_includes/header-example.html
View File

@ -4,7 +4,7 @@
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<!-- Material Design for Bootstrap generic -->
<!-- Bootstrap Material Design generic -->
{% if site.data.minified %}
<link href="{{ site.baseurl }}/dist/bootstrap-material-design.min.css" rel="stylesheet">
{% else %}

2
docs/_includes/header.html
View File

@ -4,7 +4,7 @@
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<!-- Material Design for Bootstrap customization for Documentation (consider Documentation the application) -->
<!-- Bootstrap Material Design customization for Documentation (consider Documentation the application) -->
{% if site.data.minified %}
<link href="{{ site.baseurl }}/dist/docs.min.css" rel="stylesheet">
{% else %}

4
docs/_includes/meta.html
View File

@ -1,8 +1,8 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Material Design for Bootstrap">
<meta name="keywords" content="Material Design for Bootstrap, Sass">
<meta name="description" content="Bootstrap Material Design">
<meta name="keywords" content="Bootstrap Material Design, Sass">
<meta name="author" content="Federico Zivolo, Kevin Ross, and Bootstrap Material Design contributors">
<title>

4
docs/_includes/nav-home.html
View File

@ -31,13 +31,13 @@
&#9776;
</button>
<a class="navbar-brand hidden-sm-up" href="{{ site.baseurl }}/">
Material Design for Bootstrap
Bootstrap Material Design
</a>
</div>
<div class="collapse navbar-toggleable-xs" id="bd-main-nav">
<ul class="nav navbar-nav">
<li class="nav-item active">
<a class="nav-item nav-link {% if page.layout == "home" %}active{% endif %}" href="{{ site.baseurl }}/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Material Design for Bootstrap');">Material Design for Bootstrap</a>
<a class="nav-item nav-link {% if page.layout == "home" %}active{% endif %}" href="{{ site.baseurl }}/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Bootstrap Material Design');">Bootstrap Material Design</a>
</li>
<li class="nav-item">
<a class="nav-item nav-link {% if page.layout == "docs" %}active{% endif %}" href="{{ site.baseurl }}/getting-started/introduction/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Docs');">Documentation</a>

12
docs/_includes/page-headers.html
View File

@ -1,12 +1,12 @@
{% if page.group == "getting-started" %}
<h1>Getting started</h1>
<p class="lead">
An overview of Material Design for Bootstrap, including how to download and use it, some basic templates and examples, and more.
An overview of Bootstrap Material Design, including how to download and use it, some basic templates and examples, and more.
</p>
{% elsif page.group == "layout" %}
<h1>Layout</h1>
<p class="lead">
Options for structuring your pages with Material Design for Bootstrap, including global styles and more.
Options for structuring your pages with Bootstrap Material Design, including global styles and more.
</p>
{% elsif page.group == "content" %}
<h1>Content</h1>
@ -16,7 +16,7 @@
{% elsif page.group == "material-design" %}
<h1>Material Design</h1>
<p class="lead">
A quick reference display for Material Design for Bootstrap components with additional options.
A quick reference display for Bootstrap Material Design components with additional options.
</p>
{% elsif page.group == "components" %}
<h1>Components</h1>
@ -26,7 +26,7 @@
{% elsif page.group == "javascript" %}
<h1>JavaScript plugins</h1>
<p class="lead">
Bring Material Design for Bootstrap's components to life with jQuery plugins. Easily include them all, or one by one.
Bring Bootstrap Material Design's components to life with jQuery plugins. Easily include them all, or one by one.
</p>
{% elsif page.group == "about" %}
<h1>About</h1>
@ -36,11 +36,11 @@
{% elsif page.group == "migration" %}
<h1>Migration</h1>
<p class="lead">
Guidance on how to upgrade from Material Design for Bootstrap v3.x to v4.x with emphasis on major changes, what's new, and what's been removed.
Guidance on how to upgrade from Bootstrap Material Design v3.x to v4.x with emphasis on major changes, what's new, and what's been removed.
</p>
{% elsif page.group == "browser-bugs" %}
<h1>Wall of browser bugs</h1>
<p class="lead">
A list of the browser bugs that Material Design for Bootstrap is currently grappling with.
A list of the browser bugs that Bootstrap Material Design is currently grappling with.
</p>
{% endif %}

2
docs/about/history.md
View File

@ -5,5 +5,5 @@ group: about
redirect_from: "/about/"
---
Originally created by Federico Zivolo [@FezVrasta](https://github.com/FezVrasta) in late 2014, Material Design for Bootstrap has become
Originally created by Federico Zivolo [@FezVrasta](https://github.com/FezVrasta) in late 2014, Bootstrap Material Design has become
the most popular Material Design implementation for Bootstrap in the world.

22
docs/about/license.md
View File

@ -4,29 +4,29 @@ title: License FAQs
group: about
---
Material Design for Bootstrap is released under the MIT license and is copyright {{ site.time | date: "%Y" }} Federico Zivolo.
Bootstrap Material Design is released under the MIT license and is copyright {{ site.time | date: "%Y" }} Federico Zivolo.
Boiled down to smaller chunks, it can be described with the following conditions.
#### It requires you to:
* Keep the license and copyright notice included in Material Design for Bootstrap's files when you use them in your works
* Keep the license and copyright notice included in Bootstrap Material Design's files when you use them in your works
#### It permits you to:
- Freely download and use Material Design for Bootstrap, in whole or in part, for personal, private, company internal, or commercial purposes
- Use Material Design for Bootstrap in packages or distributions that you create
- Freely download and use Bootstrap Material Design, in whole or in part, for personal, private, company internal, or commercial purposes
- Use Bootstrap Material Design in packages or distributions that you create
- Modify the source code
- Grant a sublicense to modify and distribute Material Design for Bootstrap to third parties not included in the license
- Grant a sublicense to modify and distribute Bootstrap Material Design to third parties not included in the license
#### It forbids you to:
- Hold the authors and license owners liable for damages as Material Design for Bootstrap is provided without warranty
- Hold the creators or copyright holders of Material Design for Bootstrap liable
- Redistribute any piece of Material Design for Bootstrap without proper attribution
- Hold the authors and license owners liable for damages as Bootstrap Material Design is provided without warranty
- Hold the creators or copyright holders of Bootstrap Material Design liable
- Redistribute any piece of Bootstrap Material Design without proper attribution
#### It does not require you to:
- Include the source of Material Design for Bootstrap itself, or of any modifications you may have made to it, in any redistribution you may assemble that includes it
- Submit changes that you make to Material Design for Bootstrap back to the Material Design for Bootstrap project (though such feedback is encouraged)
- Include the source of Bootstrap Material Design itself, or of any modifications you may have made to it, in any redistribution you may assemble that includes it
- Submit changes that you make to Bootstrap Material Design back to the Bootstrap Material Design project (though such feedback is encouraged)
The full Material Design for Bootstrap license is located [in the project repository]({{ site.repo }}/blob/master/LICENSE.md) for more information.
The full Bootstrap Material Design license is located [in the project repository]({{ site.repo }}/blob/master/LICENSE.md) for more information.

2
docs/about/team.md
View File

@ -4,7 +4,7 @@ title: Team
group: about
---
Material Design for Bootstrap is maintained by a small group of invaluable core contributors,
Bootstrap Material Design is maintained by a small group of invaluable core contributors,
with the support and involvement of our community.
<div class="list-group bd-team">

211
docs/assets/js/vendor/Blob.js vendored Normal file
View File

@ -0,0 +1,211 @@
/* Blob.js
* A Blob implementation.
* 2014-07-24
*
* By Eli Grey, http://eligrey.com
* By Devin Samarin, https://github.com/dsamarin
* License: X11/MIT
* See https://github.com/eligrey/Blob.js/blob/master/LICENSE.md
*/
/*global self, unescape */
/*jslint bitwise: true, regexp: true, confusion: true, es5: true, vars: true, white: true,
plusplus: true */
/*! @source http://purl.eligrey.com/github/Blob.js/blob/master/Blob.js */
(function (view) {
"use strict";
view.URL = view.URL || view.webkitURL;
if (view.Blob && view.URL) {
try {
new Blob;
return;
} catch (e) {}
}
// Internally we use a BlobBuilder implementation to base Blob off of
// in order to support older browsers that only have BlobBuilder
var BlobBuilder = view.BlobBuilder || view.WebKitBlobBuilder || view.MozBlobBuilder || (function(view) {
var
get_class = function(object) {
return Object.prototype.toString.call(object).match(/^\[object\s(.*)\]$/)[1];
}
, FakeBlobBuilder = function BlobBuilder() {
this.data = [];
}
, FakeBlob = function Blob(data, type, encoding) {
this.data = data;
this.size = data.length;
this.type = type;
this.encoding = encoding;
}
, FBB_proto = FakeBlobBuilder.prototype
, FB_proto = FakeBlob.prototype
, FileReaderSync = view.FileReaderSync
, FileException = function(type) {
this.code = this[this.name = type];
}
, file_ex_codes = (
"NOT_FOUND_ERR SECURITY_ERR ABORT_ERR NOT_READABLE_ERR ENCODING_ERR "
+ "NO_MODIFICATION_ALLOWED_ERR INVALID_STATE_ERR SYNTAX_ERR"
).split(" ")
, file_ex_code = file_ex_codes.length
, real_URL = view.URL || view.webkitURL || view
, real_create_object_URL = real_URL.createObjectURL
, real_revoke_object_URL = real_URL.revokeObjectURL
, URL = real_URL
, btoa = view.btoa
, atob = view.atob
, ArrayBuffer = view.ArrayBuffer
, Uint8Array = view.Uint8Array
, origin = /^[\w-]+:\/*\[?[\w\.:-]+\]?(?::[0-9]+)?/
;
FakeBlob.fake = FB_proto.fake = true;
while (file_ex_code--) {
FileException.prototype[file_ex_codes[file_ex_code]] = file_ex_code + 1;
}
// Polyfill URL
if (!real_URL.createObjectURL) {
URL = view.URL = function(uri) {
var
uri_info = document.createElementNS("http://www.w3.org/1999/xhtml", "a")
, uri_origin
;
uri_info.href = uri;
if (!("origin" in uri_info)) {
if (uri_info.protocol.toLowerCase() === "data:") {
uri_info.origin = null;
} else {
uri_origin = uri.match(origin);
uri_info.origin = uri_origin && uri_origin[1];
}
}
return uri_info;
};
}
URL.createObjectURL = function(blob) {
var
type = blob.type
, data_URI_header
;
if (type === null) {
type = "application/octet-stream";
}
if (blob instanceof FakeBlob) {
data_URI_header = "data:" + type;
if (blob.encoding === "base64") {
return data_URI_header + ";base64," + blob.data;
} else if (blob.encoding === "URI") {
return data_URI_header + "," + decodeURIComponent(blob.data);
} if (btoa) {
return data_URI_header + ";base64," + btoa(blob.data);
} else {
return data_URI_header + "," + encodeURIComponent(blob.data);
}
} else if (real_create_object_URL) {
return real_create_object_URL.call(real_URL, blob);
}
};
URL.revokeObjectURL = function(object_URL) {
if (object_URL.substring(0, 5) !== "data:" && real_revoke_object_URL) {
real_revoke_object_URL.call(real_URL, object_URL);
}
};
FBB_proto.append = function(data/*, endings*/) {
var bb = this.data;
// decode data to a binary string
if (Uint8Array && (data instanceof ArrayBuffer || data instanceof Uint8Array)) {
var
str = ""
, buf = new Uint8Array(data)
, i = 0
, buf_len = buf.length
;
for (; i < buf_len; i++) {
str += String.fromCharCode(buf[i]);
}
bb.push(str);
} else if (get_class(data) === "Blob" || get_class(data) === "File") {
if (FileReaderSync) {
var fr = new FileReaderSync;
bb.push(fr.readAsBinaryString(data));
} else {
// async FileReader won't work as BlobBuilder is sync
throw new FileException("NOT_READABLE_ERR");
}
} else if (data instanceof FakeBlob) {
if (data.encoding === "base64" && atob) {
bb.push(atob(data.data));
} else if (data.encoding === "URI") {
bb.push(decodeURIComponent(data.data));
} else if (data.encoding === "raw") {
bb.push(data.data);
}
} else {
if (typeof data !== "string") {
data += ""; // convert unsupported types to strings
}
// decode UTF-16 to binary string
bb.push(unescape(encodeURIComponent(data)));
}
};
FBB_proto.getBlob = function(type) {
if (!arguments.length) {
type = null;
}
return new FakeBlob(this.data.join(""), type, "raw");
};
FBB_proto.toString = function() {
return "[object BlobBuilder]";
};
FB_proto.slice = function(start, end, type) {
var args = arguments.length;
if (args < 3) {
type = null;
}
return new FakeBlob(
this.data.slice(start, args > 1 ? end : this.data.length)
, type
, this.encoding
);
};
FB_proto.toString = function() {
return "[object Blob]";
};
FB_proto.close = function() {
this.size = 0;
delete this.data;
};
return FakeBlobBuilder;
}(view));
view.Blob = function(blobParts, options) {
var type = options ? (options.type || "") : "";
var builder = new BlobBuilder();
if (blobParts) {
for (var i = 0, len = blobParts.length; i < len; i++) {
if (Uint8Array && blobParts[i] instanceof Uint8Array) {
builder.append(blobParts[i].buffer);
}
else {
builder.append(blobParts[i]);
}
}
}
var blob = builder.getBlob(type);
if (!blob.slice && blob.webkitSlice) {
blob.slice = blob.webkitSlice;
}
return blob;
};
var getPrototypeOf = Object.getPrototypeOf || function(object) {
return object.__proto__;
};
view.Blob.prototype = getPrototypeOf(new view.Blob());
}(typeof self !== "undefined" && self || typeof window !== "undefined" && window || this.content || this));

248
docs/assets/js/vendor/FileSaver.js vendored Normal file
View File

@ -0,0 +1,248 @@
/* FileSaver.js
* A saveAs() FileSaver implementation.
* 2015-03-04
*
* By Eli Grey, http://eligrey.com
* License: X11/MIT
* See https://github.com/eligrey/FileSaver.js/blob/master/LICENSE.md
*/
/*global self */
/*jslint bitwise: true, indent: 4, laxbreak: true, laxcomma: true, smarttabs: true, plusplus: true */
/*! @source http://purl.eligrey.com/github/FileSaver.js/blob/master/FileSaver.js */
var saveAs = saveAs
// IE 10+ (native saveAs)
|| (typeof navigator !== "undefined" &&
navigator.msSaveOrOpenBlob && navigator.msSaveOrOpenBlob.bind(navigator))
// Everyone else
|| (function(view) {
"use strict";
// IE <10 is explicitly unsupported
if (typeof navigator !== "undefined" &&
/MSIE [1-9]\./.test(navigator.userAgent)) {
return;
}
var
doc = view.document
// only get URL when necessary in case Blob.js hasn't overridden it yet
, get_URL = function() {
return view.URL || view.webkitURL || view;
}
, save_link = doc.createElementNS("http://www.w3.org/1999/xhtml", "a")
, can_use_save_link = "download" in save_link
, click = function(node) {
var event = doc.createEvent("MouseEvents");
event.initMouseEvent(
"click", true, false, view, 0, 0, 0, 0, 0
, false, false, false, false, 0, null
);
node.dispatchEvent(event);
}
, webkit_req_fs = view.webkitRequestFileSystem
, req_fs = view.requestFileSystem || webkit_req_fs || view.mozRequestFileSystem
, throw_outside = function(ex) {
(view.setImmediate || view.setTimeout)(function() {
throw ex;
}, 0);
}
, force_saveable_type = "application/octet-stream"
, fs_min_size = 0
// See https://code.google.com/p/chromium/issues/detail?id=375297#c7 and
// https://github.com/eligrey/FileSaver.js/commit/485930a#commitcomment-8768047
// for the reasoning behind the timeout and revocation flow
, arbitrary_revoke_timeout = 500 // in ms
, revoke = function(file) {
var revoker = function() {
if (typeof file === "string") { // file is an object URL
get_URL().revokeObjectURL(file);
} else { // file is a File
file.remove();
}
};
if (view.chrome) {
revoker();
} else {
setTimeout(revoker, arbitrary_revoke_timeout);
}
}
, dispatch = function(filesaver, event_types, event) {
event_types = [].concat(event_types);
var i = event_types.length;
while (i--) {
var listener = filesaver["on" + event_types[i]];
if (typeof listener === "function") {
try {
listener.call(filesaver, event || filesaver);
} catch (ex) {
throw_outside(ex);
}
}
}
}
, FileSaver = function(blob, name) {
// First try a.download, then web filesystem, then object URLs
var
filesaver = this
, type = blob.type
, blob_changed = false
, object_url
, target_view
, dispatch_all = function() {
dispatch(filesaver, "writestart progress write writeend".split(" "));
}
// on any filesys errors revert to saving with object URLs
, fs_error = function() {
// don't create more object URLs than needed
if (blob_changed || !object_url) {
object_url = get_URL().createObjectURL(blob);
}
if (target_view) {
target_view.location.href = object_url;
} else {
var new_tab = view.open(object_url, "_blank");
if (new_tab == undefined && typeof safari !== "undefined") {
//Apple do not allow window.open, see http://bit.ly/1kZffRI
view.location.href = object_url
}
}
filesaver.readyState = filesaver.DONE;
dispatch_all();
revoke(object_url);
}
, abortable = function(func) {
return function() {
if (filesaver.readyState !== filesaver.DONE) {
return func.apply(this, arguments);
}
};
}
, create_if_not_found = {create: true, exclusive: false}
, slice
;
filesaver.readyState = filesaver.INIT;
if (!name) {
name = "download";
}
if (can_use_save_link) {
object_url = get_URL().createObjectURL(blob);
save_link.href = object_url;
save_link.download = name;
click(save_link);
filesaver.readyState = filesaver.DONE;
dispatch_all();
revoke(object_url);
return;
}
// prepend BOM for UTF-8 XML and text/plain types
if (/^\s*(?:text\/(?:plain|xml)|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(blob.type)) {
blob = new Blob(["\ufeff", blob], {type: blob.type});
}
// Object and web filesystem URLs have a problem saving in Google Chrome when
// viewed in a tab, so I force save with application/octet-stream
// http://code.google.com/p/chromium/issues/detail?id=91158
// Update: Google errantly closed 91158, I submitted it again:
// https://code.google.com/p/chromium/issues/detail?id=389642
if (view.chrome && type && type !== force_saveable_type) {
slice = blob.slice || blob.webkitSlice;
blob = slice.call(blob, 0, blob.size, force_saveable_type);
blob_changed = true;
}
// Since I can't be sure that the guessed media type will trigger a download
// in WebKit, I append .download to the filename.
// https://bugs.webkit.org/show_bug.cgi?id=65440
if (webkit_req_fs && name !== "download") {
name += ".download";
}
if (type === force_saveable_type || webkit_req_fs) {
target_view = view;
}
if (!req_fs) {
fs_error();
return;
}
fs_min_size += blob.size;
req_fs(view.TEMPORARY, fs_min_size, abortable(function(fs) {
fs.root.getDirectory("saved", create_if_not_found, abortable(function(dir) {
var save = function() {
dir.getFile(name, create_if_not_found, abortable(function(file) {
file.createWriter(abortable(function(writer) {
writer.onwriteend = function(event) {
target_view.location.href = file.toURL();
filesaver.readyState = filesaver.DONE;
dispatch(filesaver, "writeend", event);
revoke(file);
};
writer.onerror = function() {
var error = writer.error;
if (error.code !== error.ABORT_ERR) {
fs_error();
}
};
"writestart progress write abort".split(" ").forEach(function(event) {
writer["on" + event] = filesaver["on" + event];
});
writer.write(blob);
filesaver.abort = function() {
writer.abort();
filesaver.readyState = filesaver.DONE;
};
filesaver.readyState = filesaver.WRITING;
}), fs_error);
}), fs_error);
};
dir.getFile(name, {create: false}, abortable(function(file) {
// delete file if it already exists
file.remove();
save();
}), abortable(function(ex) {
if (ex.code === ex.NOT_FOUND_ERR) {
save();
} else {
fs_error();
}
}));
}), fs_error);
}), fs_error);
}
, FS_proto = FileSaver.prototype
, saveAs = function(blob, name) {
return new FileSaver(blob, name);
}
;
FS_proto.abort = function() {
var filesaver = this;
filesaver.readyState = filesaver.DONE;
dispatch(filesaver, "abort");
};
FS_proto.readyState = FS_proto.INIT = 0;
FS_proto.WRITING = 1;
FS_proto.DONE = 2;
FS_proto.error =
FS_proto.onwritestart =
FS_proto.onprogress =
FS_proto.onwrite =
FS_proto.onabort =
FS_proto.onerror =
FS_proto.onwriteend =
null;
return saveAs;
}(
typeof self !== "undefined" && self
|| typeof window !== "undefined" && window
|| this.content
));
// `self` is undefined in Firefox for Android content script context
// while `this` is nsIContentFrameMessageManager
// with an attribute `content` that corresponds to the window
if (typeof module !== "undefined" && module.exports) {
module.exports.saveAs = saveAs;
} else if ((typeof define !== "undefined" && define !== null) && (define.amd != null)) {
define([], function() {
return saveAs;
});
}

9
docs/assets/js/vendor/ZeroClipboard.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

21114
docs/assets/js/vendor/autoprefixer.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

9
docs/assets/js/vendor/holder.min.js vendored
View File

File diff suppressed because one or more lines are too long

14
docs/assets/js/vendor/jszip.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

16
docs/assets/js/vendor/less.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

6
docs/assets/js/vendor/uglify.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
docs/components/alerts.md
View File

@ -9,7 +9,7 @@ group: components
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

2
docs/components/breadcrumb.md
View File

@ -9,7 +9,7 @@ group: components
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

2
docs/components/button-dropdown.md
View File

@ -9,7 +9,7 @@ group: components
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

2
docs/components/button-group.md
View File

@ -9,7 +9,7 @@ group: components
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

2
docs/components/buttons.md
View File

@ -10,7 +10,7 @@ redirect_from: "/components/"
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

2
docs/components/card.md
View File

@ -9,7 +9,7 @@ group: components
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

2
docs/components/carousel.md
View File

@ -9,7 +9,7 @@ group: components
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

2
docs/components/collapse.md
View File

@ -9,7 +9,7 @@ group: components
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

2
docs/components/dropdowns.md
View File

@ -9,7 +9,7 @@ group: components
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

2
docs/components/forms.md
View File

@ -9,7 +9,7 @@ group: components
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

2
docs/components/input-group.md
View File

@ -9,7 +9,7 @@ group: components
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

2
docs/components/jumbotron.md
View File

@ -9,7 +9,7 @@ group: components
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

2
docs/components/label.md
View File

@ -9,7 +9,7 @@ group: components
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

2
docs/components/list-group.md
View File

@ -9,7 +9,7 @@ group: components
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

2
docs/components/modal.md
View File

@ -9,7 +9,7 @@ group: components
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

2
docs/components/navbar.md
View File

@ -9,7 +9,7 @@ group: components
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

2
docs/components/navs.md
View File

@ -9,7 +9,7 @@ group: components
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

2
docs/components/pagination.md
View File

@ -9,7 +9,7 @@ group: components
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

2
docs/components/popovers.md
View File

@ -9,7 +9,7 @@ group: components
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

2
docs/components/progress.md
View File

@ -9,7 +9,7 @@ group: components
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

2
docs/components/scrollspy.md
View File

@ -9,7 +9,7 @@ group: components
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

2
docs/components/tag.md
View File

@ -9,7 +9,7 @@ group: components
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

2
docs/components/tooltips.md
View File

@ -9,7 +9,7 @@ group: components
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

2
docs/components/utilities.md
View File

@ -9,7 +9,7 @@ group: components
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

2
docs/content/code.md
View File

@ -9,7 +9,7 @@ group: content
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

2
docs/content/figures.md
View File

@ -9,7 +9,7 @@ group: content
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

2
docs/content/images.md
View File

@ -9,7 +9,7 @@ group: content
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

2
docs/content/reboot.md
View File

@ -10,7 +10,7 @@ redirect_from: "/content/"
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

2
docs/content/tables.md
View File

@ -9,7 +9,7 @@ group: content
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

2
docs/content/typography.md
View File

@ -9,7 +9,7 @@ group: content
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

4
docs/examples/index.md
View File

@ -5,7 +5,7 @@ title: Examples
## Templates
Templates that give a quick structural start to using Material Design for Bootstrap.
Templates that give a quick structural start to using Bootstrap Material Design.
<div class="card-deck">
<div class="card card-block">
@ -36,7 +36,7 @@ Templates that give a quick structural start to using Material Design for Bootst
## Components
Components and templates to help folks quickly get started with Material Design for Bootstrap and demonstrate best practices for adding onto the framework.
Components and templates to help folks quickly get started with Bootstrap Material Design and demonstrate best practices for adding onto the framework.
<div class="card-deck">
<div class="card card-block">

4
docs/getting-started/best-practices.md
View File

@ -4,7 +4,7 @@ title: Best practices
group: getting-started
---
We've designed and developed Material Design for Bootstrap to work in a number of environments. Here are some of the best practices we've gathered from years of working on and using it ourselves.
We've designed and developed Bootstrap Material Design to work in a number of environments. Here are some of the best practices we've gathered from years of working on and using it ourselves.
{% callout info %}
**Heads up!** This copy is a work in progress.
@ -13,4 +13,4 @@ We've designed and developed Material Design for Bootstrap to work in a number o
## SASS
### Avoid vendor prefixes
Material Design for Bootstrap uses Autoprefixer (included in our gulpfile and build process) to automatically add vendor prefixes to some CSS properties at build time. Doing so saves us time and code by allowing us to write key parts of our CSS a single time.
Bootstrap Material Design uses Autoprefixer (included in our gulpfile and build process) to automatically add vendor prefixes to some CSS properties at build time. Doing so saves us time and code by allowing us to write key parts of our CSS a single time.

2
docs/getting-started/browsers-devices.md
View File

@ -9,7 +9,7 @@ group: getting-started
{% callout info %}
**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}

4
docs/getting-started/building.md
View File

@ -4,11 +4,11 @@ title: Building
group: getting-started
---
Material Design for Bootstrap uses [Gulp v4](http://gulpjs.com) for its CSS and JavaScript build system and Jekyll for the written documentation. Our gulpfile includes convenient methods for working with the framework, including compiling code, running tests, and more.
Bootstrap Material Design uses [Gulp v4](http://gulpjs.com) for its CSS and JavaScript build system and Jekyll for the written documentation. Our gulpfile includes convenient methods for working with the framework, including compiling code, running tests, and more.
## Tooling setup
To use our gulpfile and run our documentation locally, you'll need a copy of Material Design for Bootstrap's source files, Node, and Gulp v4. Follow these steps and you should be ready to rock:
To use our gulpfile and run our documentation locally, you'll need a copy of Bootstrap Material Design's source files, Node, and Gulp v4. Follow these steps and you should be ready to rock:
1. [Download and install Node](https://nodejs.org/download), which we use to manage our dependencies.
2. Install the Gulp command line tools, `gulp-cli`, with `npm install -g gulpjs/gulp-cli#4.0`.

2
docs/getting-started/customization.md
View File

@ -4,7 +4,7 @@ title: Customization options
group: getting-started
---
Material Design for Bootstrap 4 is designed to be customized via Sass variables. You may customize any Bootstrap or BMD variable.
Bootstrap Material Design 4 is designed to be customized via Sass variables. You may customize any Bootstrap or BMD variable.
{% callout info %}
The following assumes you have [setup your build tools and are building successfully](../building).

24
docs/getting-started/download.md
View File

@ -6,7 +6,7 @@ group: getting-started
{% callout warning %}
## **Heads up! Use the repository branch!**
With the pace of current changes, any published package would be out of date almost every day.
For the current time, please use the `v4-dev` branch for **all package managers including bower and npm** by pointing to `FezVrasta/bootstrap-material-design#v4-dev`.
@ -14,7 +14,7 @@ For the current time, please use the `v4-dev` branch for **all package managers
**Material Design for Bootstrap v{{ site.data.version}}** is available for download in several ways, including some of your favorite package managers. Choose from the options below to snag just what you need.
**Bootstrap Material Design v{{ site.data.version}}** is available for download in several ways, including some of your favorite package managers. Choose from the options below to snag just what you need.
<div class="row m-t-md">
<div class="col-sm-6">
@ -23,7 +23,7 @@ For the current time, please use the `v4-dev` branch for **all package managers
Download just the compiled and minified CSS and JavaScript. Doesn't include any documentation or original source files.
{% comment %}
<a href="{{ site.data.download.dist }}" class="btn btn-bs btn-outline" onclick="ga('send', 'event', 'Getting started', 'Download', 'Download compiled');">Download Material Design for Bootstrap</a>
<a href="{{ site.data.download.dist }}" class="btn btn-bs btn-outline" onclick="ga('send', 'event', 'Getting started', 'Download', 'Download compiled');">Download Bootstrap Material Design</a>
{% endcomment %}
<span class="text-muted">Coming soon!</span>
{% endmarkdown %}
@ -40,24 +40,24 @@ Download everything: source Sass, JavaScript, and documentation files. **Require
## Package managers
Pull in Material Design for Bootstrap's **source files** into nearly any project with some of the most popular package managers. No matter the package manager, Material Design for Bootstrap will **require a Sass compiler and [Autoprefixer](https://github.com/postcss/autoprefixer)** for a setup that matches our official compiled versions.
Pull in Bootstrap Material Design's **source files** into nearly any project with some of the most popular package managers. No matter the package manager, Bootstrap Material Design will **require a Sass compiler and [Autoprefixer](https://github.com/postcss/autoprefixer)** for a setup that matches our official compiled versions.
### npm
Install Material Design for Bootstrap in your Node powered apps with [the npm package](https://www.npmjs.org/package/bootstrap):
Install Bootstrap Material Design in your Node powered apps with [the npm package](https://www.npmjs.org/package/bootstrap):
{% highlight bash %}$ npm install bootstrap-material-design@{{ site.data.version }}{% endhighlight %}
`require('bootstrap-material-design')` will load all of Material Design for Bootstrap's jQuery plugins onto the jQuery object.
`require('bootstrap-material-design')` will load all of Bootstrap Material Design's jQuery plugins onto the jQuery object.
Material Design for Material Design for Bootstrap's `package.json` contains some additional metadata under the following keys:
Bootstrap Material Design's `package.json` contains some additional metadata under the following keys:
- `sass` - path to Material Design for Bootstrap's main [Sass](http://sass-lang.com/) source file
- `style` - path to Material Design for Bootstrap's non-minified CSS that's been precompiled using the default settings (no customization)
- `sass` - path to Bootstrap Material Design's main [Sass](http://sass-lang.com/) source file
- `style` - path to Bootstrap Material Design's non-minified CSS that's been precompiled using the default settings (no customization)
### Bower
Install and manage Material Design for Bootstrap's Sass and JavaScript using [Bower](http://bower.io).
Install and manage Bootstrap Material Design's Sass and JavaScript using [Bower](http://bower.io).
{% highlight bash %}$ bower install bootstrap-material-design#v{{ site.data.version }}{% endhighlight %}
@ -69,10 +69,8 @@ $ meteor add FezVrasta/bootstrap-material-design@={{ site.data.version }}
### Composer
You can also install and manage Material Design for Bootstrap's Sass and JavaScript using [Composer](https://getcomposer.org):
You can also install and manage Bootstrap Material Design's Sass and JavaScript using [Composer](https://getcomposer.org):
{% highlight bash %}
$ composer require FezVrasta/bootstrap-material-design
{% endhighlight %}

22
docs/getting-started/introduction.md
View File

@ -5,10 +5,10 @@ group: getting-started
redirect_from: "/getting-started/"
---
This is Material Design for Bootstrap, the world's most popular framework for building responsive, mobile-first Material Design sites and applications.
This is Bootstrap Material Design, the world's most popular framework for building responsive, mobile-first Material Design sites and applications.
Inside you'll find high quality HTML, CSS, and JavaScript to make starting any project easier than ever.
Here's how to quickly get started with the Material Design for Bootstrap CDN and a template starter page.
Here's how to quickly get started with the Bootstrap Material Design CDN and a template starter page.
## Contents
@ -17,7 +17,7 @@ Here's how to quickly get started with the Material Design for Bootstrap CDN and
## Quick start
Looking to quickly add Material Design for Bootstrap to your project? Use the Material Design for Bootstrap CDN,
Looking to quickly add Bootstrap Material Design to your project? Use the Bootstrap Material Design CDN,
provided for free by the folks at MaxCDN. Using a package manager or need to download the source files?
[Head to the downloads page.]({{ site.baseurl }}/getting-started/download)
@ -32,7 +32,7 @@ Copy-paste the font and stylesheet `<link>` into your `<head>` before all other
<link rel="stylesheet" href="{{ site.cdn.font_roboto }}">
<link rel="stylesheet" href="{{ site.cdn.font_icons }}">
<!-- Material Design for Bootstrap -->
<!-- Bootstrap Material Design -->
<link rel="stylesheet" href="{{ site.cdn.css }}">
{% endhighlight %}
@ -49,7 +49,7 @@ Add jQuery, Tether, and our Javascript near the end of your pages, right before
</script>
{% endhighlight %}
And that's it—you're on your way to a fully Material Design for Bootstrapped site. If you're at all unsure about the general page structure, keep reading for an example page template.
And that's it—you're on your way to a fully Bootstrap Material Designped site. If you're at all unsure about the general page structure, keep reading for an example page template.
## Starter template
@ -74,13 +74,13 @@ Put it all together and your pages should look like this:
<link rel="stylesheet" href="{{ site.cdn.font_roboto }}">
<link rel="stylesheet" href="{{ site.cdn.font_icons }}">
<!-- Material Design for Bootstrap -->
<!-- Bootstrap Material Design -->
<link rel="stylesheet" href="{{ site.cdn.css }}">
</head>
<body>
<h1>Hello, world!</h1>
<!-- jQuery first, optional tether for tooltips, then Material Design for Bootstrap JS. -->
<!-- jQuery first, optional tether for tooltips, then Bootstrap Material Design JS. -->
<script src="{{ site.data.cdn.jquery }}.min.js"></script>
<script src="{{ site.data.cdn.tether }}.min.js"></script>
<script src="{{ site.cdn.js }}.iife.min.js"></script>
@ -97,11 +97,11 @@ That's all you need for overall page requirements. Visit the [Layout docs]({{ si
## Important globals
Material Design for Bootstrap employs a handful of important global styles and settings that you'll need to be aware of when using it, all of which are almost exclusively geared towards the *normalization* of cross browser styles. Let's dive in.
Bootstrap Material Design employs a handful of important global styles and settings that you'll need to be aware of when using it, all of which are almost exclusively geared towards the *normalization* of cross browser styles. Let's dive in.
### HTML5 doctype
Material Design for Bootstrap requires the use of the HTML5 doctype. Without it, you'll see some funky incomplete styling, but including it shouldn't cause any considerable hiccups.
Bootstrap Material Design requires the use of the HTML5 doctype. Without it, you'll see some funky incomplete styling, but including it shouldn't cause any considerable hiccups.
{% highlight html %}
<!DOCTYPE html>
@ -112,7 +112,7 @@ Material Design for Bootstrap requires the use of the HTML5 doctype. Without it,
### Responsive meta tag
Material Design for Bootstrap is developed *mobile first*, a strategy in which we optimize code for mobile devices first and then scale up components as necessary using CSS media queries. To ensure proper rendering and touch zooming for all devices, **add the responsive viewport meta tag** to your `<head>`.
Bootstrap Material Design is developed *mobile first*, a strategy in which we optimize code for mobile devices first and then scale up components as necessary using CSS media queries. To ensure proper rendering and touch zooming for all devices, **add the responsive viewport meta tag** to your `<head>`.
{% highlight html %}
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
@ -123,7 +123,7 @@ You can see an example of this in action in the [starter template](#starter-temp
## Community
Stay up to date on the development of Material Design for Bootstrap and reach out to the community with these helpful resources.
Stay up to date on the development of Bootstrap Material Design and reach out to the community with these helpful resources.
- Implementation help may be found at Stack Overflow (tagged [`bootstrap-material-design`](https://stackoverflow.com/questions/tagged/bootstrap-material-design)).

2
docs/getting-started/release-process.md
View File

@ -4,7 +4,7 @@ title: Release process
group: getting-started
---
Material Design for Bootstrap has a well defined release process that is automated by [Gulp](http://gulpjs.com). See the [Build Tools](../build-tools) section for setup.
Bootstrap Material Design has a well defined release process that is automated by [Gulp](http://gulpjs.com). See the [Build Tools](../build-tools) section for setup.
## Creating a release

22
docs/index.html
View File

@ -1,12 +1,12 @@
---
layout: home
title: Material Design for Bootstrap, the world's most popular mobile-first and responsive Material Design front-end framework.
title: Bootstrap Material Design, the world's most popular mobile-first and responsive Material Design front-end framework.
---
<main class="bd-masthead" id="content" role="main">
<div class="container">
<span class="bd-booticon outline">BMD</span>
<p class="lead">Material Design for Bootstrap, the world's most popular mobile-first and responsive Material Design front-end framework.</p>
<p class="lead">Bootstrap Material Design, the world's most popular mobile-first and responsive Material Design front-end framework.</p>
<p class="lead">
<a href="{{ site.baseurl }}/getting-started/download" class="btn btn-outline-inverse btn-lg" onclick="ga('send', 'event', 'Jumbotron actions', 'Download', 'Download {{ site.data.version }}');">Download</a>
</p>
@ -18,19 +18,19 @@ title: Material Design for Bootstrap, the world's most popular mobile-first and
<div class="bd-featurette">
<div class="container">
<h2 class="bd-featurette-title">Easy to get started.</h2>
<p class="lead">Quickly include Material Design for Bootstrap's CSS and JS into any project. Use your favorite package manager, download the source, or use the Material Design for Bootstrap CDN.</p>
<p class="lead">Quickly include Bootstrap Material Design's CSS and JS into any project. Use your favorite package manager, download the source, or use the Bootstrap Material Design CDN.</p>
<div class="row">
<div class="col-sm-6 m-b-lg">
<h4>Managed dependencies</h4>
<p>Include Material Design for Bootstrap's source Sass and JavaScript files via Bower, Composer, Meteor, or npm. Package managed installs don't include documentation, but do include our Gruntfile and readme.</p>
<p>Include Bootstrap Material Design's source Sass and JavaScript files via Bower, Composer, Meteor, or npm. Package managed installs don't include documentation, but do include our Gruntfile and readme.</p>
<p>
<a class="btn btn-bs btn-outline" href="{{ site.baseurl }}/getting-started/download/#package-managers">View install methods</a>
</p>
</div>
<div class="col-sm-6 m-b-lg">
<h4>Material Design for Bootstrap CDN</h4>
<p>When you just need to include Material Design for Bootstrap's compiled CSS and JS, use the Material Design for Bootstrap CDN, free from the Max CDN folks.</p>
<h4>Bootstrap Material Design CDN</h4>
<p>When you just need to include Bootstrap Material Design's compiled CSS and JS, use the Bootstrap Material Design CDN, free from the Max CDN folks.</p>
<p>
<a class="btn btn-bs btn-outline" href="{{ site.baseurl }}/getting-started/introduction">See Getting Started</a>
</p>
@ -59,29 +59,29 @@ title: Material Design for Bootstrap, the world's most popular mobile-first and
<div class="bd-featurette">
<div class="container">
<h2 class="bd-featurette-title">Designed for everyone, everywhere.</h2>
<p class="lead">Material Design for Bootstrap makes front-end web development faster and easier. It's made for folks of all skill levels, devices of all shapes, and projects of all sizes.</p>
<p class="lead">Bootstrap Material Design makes front-end web development faster and easier. It's made for folks of all skill levels, devices of all shapes, and projects of all sizes.</p>
<div class="row">
<div class="col-sm-4 m-b-lg">
<img src="assets/img/sass.png" alt="Sass support" class="img-fluid">
<h4>Preprocessor</h4>
<p>Material Design for Bootstrap ships with vanilla CSS, but its source code utilizes <a href="http://sass-lang.com/">Sass</a>, a popular CSS preprocessor. Quickly get started with precompiled CSS or build on the source.</p>
<p>Bootstrap Material Design ships with vanilla CSS, but its source code utilizes <a href="http://sass-lang.com/">Sass</a>, a popular CSS preprocessor. Quickly get started with precompiled CSS or build on the source.</p>
</div>
<div class="col-sm-4 m-b-lg">
<img src="assets/img/devices.png" alt="Responsive across devices" class="img-fluid">
<h4>One framework, every device.</h4>
<p>Material Design for Bootstrap easily and efficiently scales your websites and applications with a single code base, from phones to tablets to desktops with CSS media queries.</p>
<p>Bootstrap Material Design easily and efficiently scales your websites and applications with a single code base, from phones to tablets to desktops with CSS media queries.</p>
</div>
<div class="col-sm-4 m-b-lg">
<img src="assets/img/components.png" alt="Components" class="img-fluid">
<h4>Full of features</h4>
<p>With Material Design for Bootstrap, you get extensive and beautiful documentation for common HTML elements, dozens of custom HTML and CSS components, and awesome jQuery plugins.</p>
<p>With Bootstrap Material Design, you get extensive and beautiful documentation for common HTML elements, dozens of custom HTML and CSS components, and awesome jQuery plugins.</p>
</div>
</div>
<hr class="half-rule m-t-0">
<p><strong>Material Design for Bootstrap is open source!</strong> It's hosted, developed, and maintained on GitHub by folks like you.</p>
<p><strong>Bootstrap Material Design is open source!</strong> It's hosted, developed, and maintained on GitHub by folks like you.</p>
<a href="{{ site.repo }}" class="btn btn-bs btn-outline">View the GitHub project</a>
</div>
</div>

2
docs/material-design/collapse-inline.md
View File

@ -4,7 +4,7 @@ title: Collapse inline
group: material-design
---
The Material Design for Bootstrap `CollapseInline` plugin allows you to toggle inline content on your pages with a bit of JavaScript and some classes. This plugin utilizes a handful of classes from the [Bootstrap collapse plugin]({{ site.baseurl }}/components/collapse/) for easy toggle behavior. Since most functionality and documentation (including a rich set of Javascript events) is already provided by the [Bootstrap collapse plugin]({{ site.baseurl }}/components/collapse/), the following will focus only on some samples utilizing the BMD `CollapseInline` component.
The Bootstrap Material Design `CollapseInline` plugin allows you to toggle inline content on your pages with a bit of JavaScript and some classes. This plugin utilizes a handful of classes from the [Bootstrap collapse plugin]({{ site.baseurl }}/components/collapse/) for easy toggle behavior. Since most functionality and documentation (including a rich set of Javascript events) is already provided by the [Bootstrap collapse plugin]({{ site.baseurl }}/components/collapse/), the following will focus only on some samples utilizing the BMD `CollapseInline` component.
## Contents

2
docs/material-design/drawers.md
View File

@ -4,7 +4,7 @@ title: Drawers
group: material-design
---
The Material Design for Bootstrap `Drawer` provides a markup structure and plugin that allows you to display content on the bounds of any containing element. Drawers are commonly referred to as a side nav or offcanvas nav. The BMD implementation allows for positioning top, left, bottom, right, as well as two styles including push (default) as well as overlay. Both the drawer position and style can be set statically or responsively with the provided classes.
The Bootstrap Material Design `Drawer` provides a markup structure and plugin that allows you to display content on the bounds of any containing element. Drawers are commonly referred to as a side nav or offcanvas nav. The BMD implementation allows for positioning top, left, bottom, right, as well as two styles including push (default) as well as overlay. Both the drawer position and style can be set statically or responsively with the provided classes.
## Contents

4
docs/material-design/forms.md
View File

@ -11,7 +11,7 @@ Bootstrap provides several form control styles, layout options, and custom compo
* Will be replaced with the ToC, excluding the "Contents" header
{:toc}
Form controls flavored by Material Design for Bootstrap customizations such as `bmd-label-floating`.
Form controls flavored by Bootstrap Material Design customizations such as `bmd-label-floating`.
{% example html %}
<form>
<div class="form-group">
@ -82,7 +82,7 @@ Form controls flavored by Material Design for Bootstrap customizations such as `
## Classes
Below is a complete list of options supported by Material Design for Bootstrap and the classes that customize them. Additional documentation is available for each group.
Below is a complete list of options supported by Bootstrap Material Design and the classes that customize them. Additional documentation is available for each group.
<table>
<thead>

2
docs/material-design/labels.md
View File

@ -4,7 +4,7 @@ title: Labels
group: material-design
---
Below is a complete list of `<label>` class options supported by Material Design for Bootstrap:
Below is a complete list of `<label>` class options supported by Bootstrap Material Design:
<table>
<thead>

4
docs/migration.md
View File

@ -4,7 +4,7 @@ title: Migrating to v4
group: migration
---
Material Design for Bootstrap 4 is a major rewrite of almost the entire project.
Bootstrap Material Design 4 is a major rewrite of almost the entire project.
The most notable changes are summarized immediately below, followed by more specific class and behavioral changes to relevant components.
{% callout info %}
@ -43,7 +43,7 @@ Here are the big ticket items you'll want to be aware of when moving from BMD v3
- Refactored nearly all components to use more unnested classes instead of children selectors.
### Misc
- Non-responsive usage of Material Design for Bootstrap is no longer supported.
- Non-responsive usage of Bootstrap Material Design is no longer supported.
## By component

2
gulpfile.babel.docs.js
View File

@ -10,7 +10,7 @@ const referenceDocNotice =
[//]: # DO NOT EDIT IT WILL BE OVERWRITTEN - copy of bootstrap documentation generated by gulp docs:copy:bs-docs\n
{% callout info %}\n**Bootstrap Reference Documentation**
This is a part of the reference documentation from <a href="http://getbootstrap.com">Bootstrap</a>.
It is included here to demonstrate rendering with Material Design for Bootstrap default styling.
It is included here to demonstrate rendering with Bootstrap Material Design default styling.
See the <a href="/material-design/buttons">Material Design</a> section for more elements and customization options.
{% endcallout %}
\n\n$2`

2
js/bootstrapMaterialDesign.js vendored
View File

@ -1,6 +1,6 @@
/**
* $.bootstrapMaterialDesign(config) is a macro class to configure the components generally
* used in Material Design for Bootstrap. You may pass overrides to the configurations
* used in Bootstrap Material Design. You may pass overrides to the configurations
* which will be passed into each component, or you may omit use of this class and
* configure each component separately.
*/

2
package.json
View File

@ -1,6 +1,6 @@
{
"name": "bootstrap-material-design",
"description": "Material Design for Bootstrap 4",
"description": "Bootstrap Material Design 4",
"version": "4.0.2",
"keywords": [
"material",