Bootstrap Mint Drupal Theme

Bootstrap Mint Drupal Theme

Spread the love
  • 1
    Share

Bootstrap Mint Drupal Theme is a fully Responsive, mobile-first Drupal 8 theme built on the powerful Bootstrap 3.x Framework. Bootstrap Mint encapsulates a plethora of 25+ regions that you will ever need for your Drupal 8 project(s).

Features

  • Improved set of contextual body classes
  • Mobile-first clean & modern design
  • HTML5 & CSS3
  • Powerful grid system – Bootstrap 3.x
  • Retina-ready icons – Font Awesome 4.x
  • Google Font – Exo 2
  • Responsive slideshow (Bootstrap carousel)
  • Responsive multi-level dropdown menu
  • 1 column, 2 columns, 3 columns and 4 columns layout
  • Intelligent dynamic columns
  • Customizable social platforms (Facebook, Google+, Twitter, Linkedin, YouTube) and other theme settings.

Installation

1. Login to your Drupal 8 site and click on “Appearance” in the top administration menu.
2. Now, click on “+Install new theme” button and choose any of the 2 available options to install the theme.
3. Click on “Install and set as default” next to Bootstrap Mint theme.

Requirements

Bootstrap Mint theme does not require anything beyond Drupal 8 core to work.

Custom Slideshow – 2 easy steps

1. Add Block

  • Go to Structure > Block layout > Place block (next to the ‘Slideshow’ region) > + Add custom block.
  • Give a ‘Block description’. In the ‘Body’, click on “Source” button in Full HTML mode and then copy paste below bootstrap carousel code.
<div class="carousel slide" data-ride="carousel" id="mintCarousel"><!-- Indicators -->
<ol class="carousel-indicators">
	<li class="active" data-slide-to="" data-target="#mintCarousel">&nbsp;</li>
	<li data-slide-to="1" data-target="#mintCarousel">&nbsp;</li>
	<li data-slide-to="2" data-target="#mintCarousel">&nbsp;</li>
</ol>
<!-- Wrapper for slides -->

<div class="carousel-inner" role="listbox">
<div class="item active"><img alt="Bootstrap Mint Slider 1" src="sites/default/files/images/slide-img1.jpg" />
<div class="carousel-caption">
<h3>Bootstrap Mint - Slider Title</h3>

<p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.</p>
</div>
</div>

<div class="item"><img alt="Bootstrap Mint Slider 2" src="sites/default/files/images/slide-img2.jpg" />
<div class="carousel-caption">
<h3>Bootstrap Mint - Slider Title</h3>

<p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.</p>
</div>
</div>

<div class="item"><img alt="Bootstrap Mint Slider 3" src="sites/default/files/images/slide-img3.jpg" />
<div class="carousel-caption">
<h3>Bootstrap Mint - Slider Title</h3>

<p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.</p>
</div>
</div>
<!-- Place additional slide items here --></div>
</div>

2. Save Block

  • Click ‘Save’ button.
  • ‘Display title’ unchecked is fine in most cases.
  • Region being the ‘Slideshow’ region.
SEE ALSO   Bluez Drupal Theme

Version Control

One-Time Only

Setting up repository for the first time

git clone --branch 8.x-4.0 https://git.drupal.org/project/bootstrap_mint.git
cd bootstrap_mint

Routinely

The headings below are not sequential. What you choose to do depends on where you are in your process.

Checking your repository status

To see what you will commit by running git commit and what you could commit by running git add before running git commit.

git status

Switching to a different branch

When you clone the repository you have access to all the branches and tags. The first command shows your choices. The second command makes the switch. See branching and tagging for details.

git branch -a
git checkout [branchname]

Patching

Getting ready to create or apply patches

If you have not already cloned the repository, follow the directions above for setting up this repository in your local environment. Be sure you are on the branch you wish to patch, then ensure it is up-to-date with the following command:

git pull origin 8.x-4.0

Creating a patch

For most improvements, use the following command after making your changes:

git diff > [description]-[issue-number]-[comment-number].patch

For more complex improvements that require adding/removing files, work over the course of multiple days including Git commits, or collaboration with others, see the Advanced patch workflow.

Applying a patch

Download the patch to your working directory. Apply the patch with the following command:

git apply -v [patchname.patch]

To avoid accidentally including the patch file in future commits, remove it:

rm [patchname.patch]

When you’re done: Reverting uncommited changes

Revert changes to a specific file:

git checkout [filename]

Revert changes to the whole working tree:

git reset --hard

Demo   Download

SEE ALSO   Construction Drupal Theme