A WordPress Bootstrap Starter Theme

Posted on , updated on by Konrad Sroka

Hi, I’m an ultra minimal starter theme called “_tk”.

I’m based on “_s” by Automattic and Twitter Bootstrap Version 3. Turn me into the next, most awesome, WordPress theme out there.

  UPDATE – 02 SEP 2017

Meet Larry, Our New Flagship Theme. Lightweight and uncluttered.

 Download

Code is Poetry.

Twitter Bootstrap, the WordPress Way

Use me, if you like to combine WordPress and Twitter Bootstrap the cleanest way. I have all the WordPress minimum required files and styles by the Underscores Theme, along with seamless Twitter Bootstrap Integration. And with seamless, I mean really seamless. For example:

WordPress Default Widgets

They got 100% the Bootstrap style, without touching their code or adding extra CSS that will make you rip your hair out later when it comes to styling your site.

WordPress Menu

It’s the WordPress Menu, but wrapped in 100% Bootstrap HTML and CSS, up to the dropdowns!

WordPress Comments

The comments are adapted to Bootstrap, without rewriting any core code or adding ugly CSS overrides.

Just crisp and clean code.

 

You can use Bootstrap Web UI Kits, like the Flat UI

 

I’m a theme meant for hacking, so don’t use me as Parent Theme. Instead try turning me into the next, most awesome, WordPress theme out there. That’s what I’m here for.

My ultra-minimal CSS might make me look like theme tartare but that means less stuff to get in your way when you’re designing your awesome theme.

Auttomatic about their _s theme

 

Theme Features

 

Automattic’s starter theme _s with seamless Twitter Bootstrap integration, the cleanest way.
A just right amount of lean, well-commented, modern, HTML5 templates.
A helpful 404 template.
A sample custom header implementation in “includes/custom-header.php”.
Custom template tags in “includes/template-tags.php” that keep your templates clean and neat.
Some small tweaks in “includes/extras.php” that can improve your theming experience.
Keyboard navigation for image attachment templates.
Smartly organized starter CSS in “style.css” that will help you to quickly get your design off the ground.
Licensed under GPLv3 or later. :) Use it to make something cool.

 

Full Twitter Bootstrap Goodness!

Use all the awesome Bootstrap Elements, from buttons and form elements to columns and carousels, the great glyphicons icon font and dozens of other cool things!

 

Some examples?

For example some nice progress bars in my post, to visualize how we made this theme.

Coffee
Smoke
Sleep

 

Holy guacamole! Quickly, click this Button

 

20 thoughts on “A WordPress Bootstrap Starter Theme”

  1. Tom says:

    This theme is brilliant, thank you so much for creating it!

    One question, how would I remove the sidebar from pages but not the posts? I’ve tried removing from the end of header.php and putting it in index.php as a first step towards developing custom templates for my pages and posts, but this destroys the formatting.

    I realise this is probably a stupid question, but I can’t solve this issue.

    Thanks :)

  3. crisplayer says:

    Love it. Saved me from the endless Roots theme tweaking and rewriting. Thank you.

    Is it possible to get the LESS file for Bootstrap settings? Variables? Mixins? Or are those available only on the premium themes?

    Appreciate all your work.

  4. stemie says:

    Thanks for this.

    I have a problem, how can I make the navbar collapse on tablets (ipad) currently it only collapses on smart phones? I’ve read about @grid-float-breakpoint but can’t see that in this theme.

    I’d really appreciate your help.

    Thanks

  6. fred says:

    I’m trying to add my own scripts to the functions.php but i get the following error:

    Denying load of chrome-extension://ganlifbpkcplnldliibcbegplfmcfigp/scripts/vendor/jquery/jquery.min.map. Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension.

  9. Pilar says:

    Hi there! Thank you very much for this great theme. I’m starting with it, I may use it for many projects :)
    But I can’t get the mixins to work, don’t know why…

    I’m adding this to my style.css:


    .sidebar-padder{
    .make-row();
    }
    aside.widget{
    .make-xs-column(4);
    }

    What am I doing wrong? Thank you!

  10. Chris says:

    For anyone debating whether or not to use this theme, just ask yourself this:

    Do I want a theme that is supremely clean in markup, superbly commented, and only implements the bare bones bootstrap and wordpress theme elements without making a bunch of ridiculous arbitrary decisions I’m going to have to code around later?

    If the answer is yes, you want _tk.

  11. James says:

    Thanks for making a brilliant theme, very much appreciated.

    I’m trying to set up my local environment using grunt. I’ve installed grunt with npm but all the dependencies don’t seem to link correctly. What is the best way for setting up grunt with bootstrap within you theme, do you use a certain package or..

    Thanks

    James

  12. Julian says:

    I’m quite new to Bootstrap (so apologies if this is a dumb question), and I like to use Compass for my css. I see that standard Bootstrap uses LESS, but that you can get an alternative Bootstrap that works with Compass. So my question is, will this great looking _tk theme work out of the box if I try to incorporate Compass for my css? Thanks!

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>