You should consider using http://fortawesome.github.com/Font-Awesome/ It is easier to work with than images and works well on high-res displays.. I will make a fork if you are interested.

Hi, you'll see from the below link

http://www.chriscolston.co.uk/ the Test modal is only partially displaying when clicked. Thought at first there must be some conflict with other plugins's but afetr disabling them this is not the case. It also works fine on an iPhone?

Cheers
Chris

I downloaded the .zip , upon extract it is asking for pw? Where do I obtain?

Thank you.

Wondering if anyone else has wrestled with this.

This project seems ripe for testing whether changing the fonts via @font-face can work. I thought if one could upgrade all the type from plain old sans to something nice like Calluna Sans it would give all pages a nice lift and a new personality.

Following advice from FontSquirrel on how to post the fonts I played with it and here's what I found:

You can add your @font-face statements to the bootstrap.css, style.css, or create and link to an isolated "typeface.css." In all cases I see the same result. All type appears beautifully in Safari and Chrome. It appears degraded, but visible in Windows IE and FF.

But on Mac Firefox, iPad, and iPhone the font appears in all places EXCEPT the text used for the name of your page, inside the title tags. For that, the text reverts to what looks like Times.

It's frustrating because it seems like I'm doing most things right — yet for that one subhead, FF, iPad and iPhone just won't play ball. Anyone else played with this or have some insight? cheers

When a dropdown exists in the menu, and it collapses to responsive view, the dropdowns don't function as expected in the Bootstrap documentation. They worked as normal dropdowns, which I kinda liked but ran into weird problems. I had this same issue on my theme.

I changed my jQuery related stuff to this, and I get the expected nested dropdowns as displayed in the Bootstrap docs and examples. As a bonus, if there's no menu assigned in Appearance > Menus, it rewrites the default wp_page_menu output so that it displays properly too.

Not sure if this will work with your theme as written, but it might be helpful.

jQuery(document).ready(function(){
  jQuery("ul.sub-menu").addClass("dropdown-menu").removeClass("sub-menu"); // switch sub-menu to dropdown-menu
  jQuery("ul.children").addClass("dropdown-menu").removeClass("children"); // switch wp_page_menu children to dropdown-menu
  jQuery("ul.dropdown-menu").parent().addClass("dropdown"); //add dropdown to top-level li.
  jQuery("[id^=menu-] li.dropdown a").addClass("dropdown-toggle"); //add dropdown-toggle to top-level menu item
  jQuery("ul.nav li.dropdown a").addClass("dropdown-toggle"); // add dropdown-toggle to wp_page_menu output
  jQuery("ul.dropdown-menu li a").removeClass("dropdown-toggle"); //remove dropdown-toggle from dropdown menu items
  jQuery('.dropdown-toggle').append('<b class="caret"></b>'); //add dropdown indicator/caret
});

Edit: I failed to include this code that I added to functions.

function alienship_add_page_menu_class($ulclass) {
return preg_replace('/<ul>/', '<ul class="nav">', $ulclass, 1);
}
add_filter('wp_page_menu','alienship_add_page_menu_class');

I've activated the theme in a pristine WP 3.3.1 installation and the top menu navigation is displaying as a vertical bulleted list instead of a horizontal menu.

Are there some classes missing in the markup perhaps?

<div class="navbar navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
       <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>
      <a class="brand" href="http://mydomain.com/" title="Landing Page" rel="home">Landing Page</a>
      <div class="nav"><ul><li class="current_page_item"><a href="http://mydomain.com/" title="Home">Home</a></li><li class="page_item page-item-2"><a href="http://mydomain.com/?page_id=2">Sample Page</a></li></ul></div>
    </div>
  </div>
</div>

Hi Rachel and many thanks on your making this theme!

I don't know if I broke something here or if this is confirmable but the button tag CSS seems to act weirdly on mouse over. This is the following code which look like CSS is missing:

<button class="btn" type="submit">
  Button
</button> 

Thank you!

Hi,
Line 67 of header.php has some invalid markup:

'container' => false, 'menu_class' => 'nav', 'menu_id' => 'main-menu', 'walker' => new bootstrapwp_Walker_Nav_Menu) ); ?>

Just thought i'd bring this to your attention.

Hi,

I would like to mention that when we are using data-content="" in a template file like search.php, we got that display :

" data-original-title="MyTitle"> MyTitle
Posted on April 9th, 2012

instead of :

MyTitle
Posted on April 9th, 2012

I think the issue comes from the function that customizes the excerpt :

function bootstrapwp_excerpt($more) {
       global $post;
  return '&nbsp; &nbsp;<a href="'. get_permalink($post->ID) . '">...Continue</a>';
}
add_filter('excerpt_more', 'bootstrapwp_excerpt');

The concerned snippet is :

<h4><a onclick="location.href='<?php echo get_permalink(); ?>';"
onMouseOver="this.style.cursor='pointer';" rel="popover"
data-content="<?php the_excerpt(); ?>" data-original-title="<?php the_title();?>">
<?php the_title();?>
</a></h4>

So, how may I have <a href="'. get_permalink($post->ID) . '">...Continue</a> in the home page and [...] in the search.php file - for example - to avoid that display issue ? Would it be possible to have both, depending on the template page the function will be used?

Hi,

I don't know if I'm the only one who gets issue from that function but anytime I want to change the template file for a page in the back-end, I've got php warnings refered to the function bootstrapwp_autoset_featured_img, specifically these lines :
$already_has_thumb = has_post_thumbnail($post->ID);
$attached_image = get_children( "post_parent=$post->ID&post_type=attachment&post_mime_type=image&numberposts=1" ); set_post_thumbnail($post->ID, $attachment_id);
with "Notice: Trying to get property of non-object"
and :
Notice: Trying to get property of non-object in .../wordpress/wp-includes/post.php on line 5186 Notice: Trying to get property of non-object in .../wordpress/wp-includes/post.php on line 4912 Notice: Trying to get property of non-object in .../wordpress/wp-includes/post-template.php on line 30

no issue

Should the javascript includes have the dot js extension when enqueuing? I haven't seen that convention, and that might not match prereq. for future libraries. I.e. one passes an array for "jquery" as a requirement, not "jquery.js". Just an observation.

I don't understand why the posts-formats's block in back-office isn't displayed ? I mean is it displayed by default with you theme (and then I made some mistake in the functions.php file) or is there anyone who got that issue too ?

I got this :
Fatal error: Call to undefined function catch_that_image() in ../www/wordpress/wp-content/themes/bootstrapwp/archive.php on line 50

Removing that line makes the file working correctly.

(It's mostly a request topic than an issue).

How can we know which elements of the "bootstrap CSS" file between your bootstrap.css and the original one have been modified ?

For instance, I found out that you applied some radius-border element for thumbnail in your CSS file, which doesn't exist in the original one. Is any way to compare both of these files ?

having the latest .87 version installed, changes to the layout in bswp-custom.less don't appy. there're no hints for further installation setting to be found. so, is this a bug?

I haven't installed or tested yet, however I see the demo is missing a few bootstrap specific items such as images, tooltips, popovers, modals, etc. What's the status of these items? and/or roadmap?

Rachel - first thanks for making this! It's wonderful!

I can't get the modal to work. Any ideas?? Thanks!

I've set up a page with just the modal:

vegansurprise.com/modal

and here's the code:

/*
Template Name: modal
*/
?>

<?php get_header(); ?>

<a class="btn btn-danger" data-toggle="modal" href="#pinModal">P</a>

<div class="modal fade" id="pinModal">
  <div class="modal-header">
    <a class="close" data-dismiss="modal">×</a>
    <h3>Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body…</p>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn">Close</a>
    <a href="#" class="btn btn-primary">Save changes</a>
  </div>
</div>

<?php get_footer(); ?>```

The styles for the top menu appear to be broken. They do not match the default bootstrap styles. Judging by the screen shots on your website, this did work at one time.

I got that error : Notice: Undefined offset: 0 in ../functions.php on $first_img = $matches [1] [0]; That happens if there isn't any First image within the Post.

Hi Rachel Baker,

I have just discovered your great BootstrapWP theme and I think it is very well done.

Is there a way to place a search form into the top navigation bar, as I have seen it one on other Bootstrap WP themes?

Thank you!

PedroDK

Error: Warning: call_user_func_array() expects parameter 1 to be a valid callback, function 'bootstrap_category_transient_flusher' not found or invalid function name in /..../wp-includes/plugin.php on line 405

To happens any time something is saved in the admin panel.

To resolve make following changes to "functions.php":

Current:
    line #317: add_action( 'edit_category', 'bootstrap_category_transient_flusher' );
    line #318: add_action( 'save_post', 'bootstrap_category_transient_flusher' );

New:
    line #317: add_action( 'edit_category', 'bootstrapwp_category_transient_flusher' );
    line #318: add_action( 'save_post', 'bootstrapwp_category_transient_flusher' );

This issue was closed, but is not resolved. I created a new menu in the admin, but am still having the same problem. I've narrowed it down to the structure of the main menu.

<div class="nav">
    <ul>
        <li><a href="#" title="Home">Home</a></li>
        <li><a href="#">Another page</a></li>
    </ul>
</div>

On Rachel's demo site (where the menu displays correctly) the main menu has the .nav class on the "ul" tag, while on my freshly installed local development site, the .nav class is placed on the "div" tag which surrounds the main menu's "ul" tag.

This causes a problem starting with line 3108 in bootstrap.css where the menu formatting rule starts with:

.navbar .nav > li

since the li isn't a child of the div with a class of .nav, the styles aren't applied.

While I don't know how to get WordPress to put the .nav class on the "ul" instead of the surrounding "div", (which would be a cleaner solution,) I do know how to change the CSS to account for this difference.

In order to maintain the specificity of the css, you need to replace all instances of ".nav > li" with ".nav > ul > li" (minus the quotes, of course).

Thanks for the theme, and I hope this helps someone out there.

Seems you have only made changes to the compiled css-files and not to the source less files. This removes a great deal of flexibility that is one of the main benefits of bootstrap. I urge you to consider creating a less-friendly approach (eg. put all your overrides in separate less files) that enables us to compile our own css-files (for development purposes this could be automated using wp-less).

Great work Rachel, this has come in really handy for me. In header.php you have the bootstrap.css file being called after the default WP style.css. This means that any styles put in style.css don't get applied.

Shouldn't the order be bootstrap.css, then style.css - so that any custom theme styles in style.css can be applied, without having to modify bootstrap.css?

I don't know if it's blocking for the good running of the theme but it was shown by the console as an error. <body onload="prettyPrint()">

First off, awesome theme. Is there any plan or an easy way to make your sub-menu elements appear in

I attempted to break out the menu walker into two functions, and load them independently, to have two top menus (primary & secondary) which allows for placing a vertical divider between them. I couldn't get it to work quite right, since it loaded my secondary menu in place of the primary. Might be something with the walker.

Is there an easier way to accomplish this? Otherwise I'll rethink my function. Thanks!

Hi,

It seems that the CPT's name is being displayed in the breadcrumb but not the Custom Post's name itself as the content of this post is being displayed. How can it be kept displaying by the breadcrumb then ?
And I was wondering the same thing for custom taxonomies...

First of all, I love your theme. Thanks very much.

It seems as though there is a slight issue with icon spacing whenever you add an icon to a button. On my site, the icon is placed too close to the anchor text as opposed to how it is on your demo page, which has the right amount of spacing. The only CSS I have on my site is what is included in the theme so I know it's nothing I have added.

This is what I have included in my page:

Checkout

Because this repo is a fork of twitter/bootstrap, if someone already has a fork of twitter/bootstrap, that introduces a lot of complexity if they also want to fork this repo. I guess it could be done by setting up a separate branch in my fork of twitter/bootstrap and then fetching updates from this repo to apply to that branch, but like I said, lots of complexity! :)

Would you consider setting this project up on Github as its own repo, rather than just as a fork of twitter/bootstrap? I realize that makes pulling in changes to twitter/bootstrap harder, so I guess it's a 'pick your poison' kind of thing.

it jacks up the menu at 768px;

I downloaded the zip. Unzipped it. Put it in /wp-content/themes.

Does not appear in the Dashboard under Appearance/Themes.

Am I doing something wrong? I can install other themes in this fashion with no problems. I'm so excited to use bootstrap, so I hope I can solve this.

The generated HTML:

• Home
/ Cat A/
• Readability Test

Issues:

• HTML does not accept a in
  , please put the 'delimiter' before , do not forget the blank spaces ;)
  • I don't know why the "Cat A" link is being generated without a
  , ofcourse this is not accepted by W3 too.

  I tryed to fix it myself but I dont know php. =/
  Thank for your work.

As I clicked on "Articles" in the backoffice, this warning was displayed :

"Warning: call_user_func_array() expects parameter 1 to be a valid callback, function 'bootstrap_category_transient_flusher' not found or invalid function name in /../www/wordpress/wp-includes/plugin.php on line 405"

I don't know if it's an issue on my own or if it's an issue that other users has already met once?

EDIT : sorry i've just noticed this has been already reported

Hi,

As I wanted to test search.php by writing anything that won't match, I got some really weird display for the sidebar (e.g get_the_sidebar) and footer : the widget appears shifted. By inspecting rended code, CSS shows me up for the <ul> element that following size : 260 px * 0px.

0px, how is that possible ? In every other template, this issue doesn't exist at all.

Am I the only one who got that issue ?

Hi,

This is more a request than an issue because I'm not an expert in javascript : I was wondering how a tab could be targeted by some link. I mean : actually, only "active" tabs can be directly targeted.

(If here isn't the place to ask some request, please tell me where I could apply.)

EDIT : closed because not related to your WP theme

Hi,

Great is your template !

But I have some issue with my style.css file: it's in its own directory but it can't be loaded. How is that possible ? Below is what I noticed this in your functions.php file (through i know css files are loaded in the header.php). So what should I do to load my own style.css, please ?

/**

• Load compiled LESS files as bootstrap.css
  /
  function bootstrapwp_css_loader() {
  wp_enqueue_style('bootstrap.css', get_template_directory_uri().'/lib/bootstrap.css', false ,'1.0', 'all' );
  wp_enqueue_style('wordpress.css', get_template_directory_uri().'/lib/wordpress.css', false ,'1.0', 'all' );
  }
  add_action('wp_enqueue_scripts', 'bootstrapwp_css_loader');
  /*

Faithfully,

Interned

P.S : I just noticed that was the first issue...

when the navbar is displayed on smaller screen resolutions, the submenus should be displayed differently than they are when the navbar is fully expanded. check out twitter bootstrap's collapsed navbar for a better understanding of the submenus.

Hi,

first of all u doing a great job and thanks for this nice theme.

So i downloaded the latest release v.87 and tried to modifiy my navbar like descriped in the guide:

"Modify the look of the navbar by adding .navbar-subnav. Perfect for a secondary nav, or just a replacement to the default dark navbar."

But it dosen't change at all and is also missing in the bootstrapwp.css. Can I just add ne formating into this css file or do I have to do sth. with the .less files ? Never styled with less.

Greetings

Hi Rachel,

would be better to link the ico files in the header.php relative to the wordpress theme folder with bloginfo('template_url')

Greetz and keep up the good work!

The generated HTML:

<ul class="breadcrumb">
     <li><a href="http://">Home</a></li><span class="divider">/</span>
     <a href="http://category/cat-a/" title="View all posts in Cat A">Cat A</a><span class="divider">/</span>
     <li class="active">Readability Test</li>
</ul>

Issues:

• HTML does not accept a in
  , please put the 'delimiter' before , do not forget the blank spaces ;)
  • I don't know why the "Cat A" link is being generated without a
  , ofcourse this is not accepted by W3 too.

  I tryed to fix it myself but I dont know php. =/
  Thank for your work.

I'm running into a few issues when trying to add in pages to the Menu via Wordpress. These are the errors I'm seeing:

Trying to get property of non-object in...wp-content/themes/bootstrapwp-87/functions.php on line 373
Trying to get property of non-object in...wp-includes/post-template.php on line 30
Trying to get property of non-object in...wp-content/themes/bootstrapwp-87/functions.php on line 375

Any thoughts?

Thanks!

-David

Most themes allow a margin to be applied to account for the admin bar if enabled. This should probably be supported.

I'm sure it's already in the pipeline, but a PHP copyright date would help; I noticed the demo is displaying 2011.

Love your fork, thanks for forking it.

Hi,

This notice seems to be related to the search.php file, specifically when the displaying sidebar doesn't get the "recent posts" widget.

On line 1476, in general-template.php, it's about $time = $post->post_date;

Howdy,
I've cloned and installed the latest version of Bootstrapwp and have assigned a couple of widgets to the Home Middle and Home RIght widget areas. Two copies of said widgets are being displayed. E.g.

https://skitch.com/zamoose/g9p54/el-bee-dot-org-just-another-wordpress-site

Any idea what might be going on here?

I just found your bootstrapwp and downloaded it and installed it into my wordpress install. Then I looked at the site and it doesn't show any styling whatsoever. I was reading in the forums that bootstrap.css is being loaded in the header.php file but when i looked in there, there's nothing there. Did I get a bad download? Or is this something I have to do myself? Sorry a bit confused. I thought at least the styles would be automatically loaded.

In the dropdowns, where/how are you adding the trailing class="caret" that indicates the menu has a dropdown? I see the caret in the demo page, but don't see it in the theme code anywhere. Just wondering.

‹link rel="apple-touch-icon" sizes="72x72" href="ico/apple-touch-icon-72x72.png"›
Should be:
‹link rel="apple-touch-icon" sizes="72x72" href="ico/bootstrap-touch-icon-72x72.png"›

one note: twitter bootstrap use "precomposed" in file name wich affects its behavior http://www.bernskiold.com/2011/01/07/adding-an-iphoneipad-icon-for-your-website/ "apple-touch-icon-72-precomposed.png"