Cinnamon

I managed to start all over and set up a new theme.
Now, for whatever reason, I can’t get the jquery to function well with the bootstrap nav walker.

The bootstrap navigation doesn’t toggle, or provide drop down.

Any suggestions?

@murrayac: Thank you for this suggestion. I’ve seen this and thought about using it, but sometimes it’s worth trying to grasp the understanding of how something is done. I love learning, and even if it gives me complications, I can say I learned to do something. But for the sake of speeding up the process to focus more on developing a theme, I do plan on using the Sassy_S. Sassy_S only sets the Underscore’s theme with it’s own set of sass files which I already have as @stephencottontail insisted I place as _underscores.scss. My goal is to get Bootstrap Sass incorporated into it. The link you’ve provided only adds Underscores css files into sass partials. This won’t help me, but thank you.

@stephencottontail: I encountered some new problems within Scout’s app claiming that bootstrap-sass is ‘no such file’. View error here Scout’s App Error
So much for trying to learn to do something for myself. I included at the very top of my config.rb file require ‘bootstrap-sass, and yes I have thebootstrap-sassas a gem by installing it usinggem install bootstrap-sass`. Am I also suppose to do something using bundler, to get it fully set up?

Thanks!

Thank you for your suggestions, and I’ve set it up like you told me.

For some reason, the bootstrap’s styles aren’t showing, should I reorder the style.scss file imports?

Ok, I’ve followed what you’ve suggested for the Underscores style.css turn _underscores.scss file. There’s also a rtl.css file, should I combine that or leave that one as is?

For the Bootstrap Sass, there’s so many files, but I’ll try to explain it as best as I can.

This is the hierarchy, they say to use the files within the assets folder:

• /assets

• bootstrap.scss
• _bootstrap-compass.scss
• _bootstrap-mincer.scss
• _bootstrap-sprockets.scss
• /bootstrap

• _etc. scss files
• /mixins

• _etc. mixins scss files

Should I just use the bootstrap.scss that is within that assets folder and keep the path as bootstrap.scss, copy the bootstrap folder with inner files’ path as /bootstrap/_scss files?

Then incorporate all the .scss files into the main style.scss?

/*!
Put all the information required in the header of a WordPress theme. The reason you use /*! is so Compass won’t remove this comment.
*/

@import “underscores”;
@import “bootstrap”;
@import “font-awesome”;
// any other @imports I want to use

Also, how can I keep the WordPress template style.css file clean to just have the generic template format only, and have the styles come from a different location?

Yes, I use Scout app, which I believe configures a config.rb file.

So, just use @import url("css/style.css"); in the WordPress style.css file, then use @import "bootstrap";
@import "font-awesome";
in my style.scss?

Should I put it in that order to get bootstrap styles to override any styling that Underscore has?

If I decide to create a new stylesheet, i.e. @import "main";, should I include that after the previous imports?

I don’t have any errors when compiling. I just need to know if I have the @imports in the proper order.

I need help implementing Bootstrap Sass into the Underscores theme, I’ve looked everywhere online to set up my workflow, and haven’t found the proper way to do it.

Also, this is the same question I’ve asked months ago on another site, and no one helped me.

So, if you know a way to add Bootstrap Sass into Underscores, I’d greatly appreciate it. I want to know how to go about setting up the files.

I know how to set up Bootstrap to work with WordPress, but I don’t know how to set up Bootstrap Sass and Underscores theme to work in WordPress.

Ok, all I did was remove/comment all code from index, footer, and sidebar php files, then add a few lines of code at a time to see what would happen, and if I can find the culprit.

Turns out, I couldn’t find anything wrong. Everything is working fine now. I’m glad.

Thanks again!

Thank you Jodhavishalsingh for your response.
Here’s the footer.php:

<!-- Start of Footer -->
	<div class="sixteen columns row" id="footer">
	<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer Widget1') ) : ?>
	<?php endif; ?>
	<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer Widget2') ) : ?>
	<?php endif; ?>
	<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer Widget3') ) : ?>
	<?php endif; ?>
	<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer Widget4') ) : ?>
	<?php endif; ?>
	</div><!--end of sixteen columns-->
<!-- End of Footer -->

</div><!--end of container-->
<?php wp_footer(); ?>
</body>
</html>

Also this is all I currently have in my functions.php

<?php
if ( function_exists('register_sidebar') )
register_sidebar(array('name'=>'Main Sidebar',
'before_widget' => '<div id="sidebar" class="five columns">',
'after_widget' => '</div>',
'before_title' => '<h3 class="med-title">',
'after_title' => '</h3>',
));
register_sidebar(array('name'=>'Footer Widget1',
'before_widget' => '<div class="four columns alpha footer-widget">',
'after_widget' => '</div>',
'before_title' => '<h3 class="sm-title">',
'after_title' => '</h3>',
));
register_sidebar(array('name'=>'Footer Widget2',
'before_widget' => '<div class="four columns alpha footer-widget">',
'after_widget' => '</div>',
'before_title' => '<h3 class="sm-title">',
'after_title' => '</h3>',
));
register_sidebar(array('name'=>'Footer Widget3',
'before_widget' => '<div class="four columns alpha footer-widget">',
'after_widget' => '</div>',
'before_title' => '<h3 class="sm-title">',
'after_title' => '</h3>',
));
register_sidebar(array('name'=>'Footer Widget4',
'before_widget' => '<div class="four columns alpha footer-widget">',
'after_widget' => '</div>',
'before_title' => '<h3 class="sm-title">',
'after_title' => '</h3>',
));
?>
<?php
//add dynamic menu
add_action( 'init', 'register_my_menus' );
function register_my_menus() {
	register_nav_menus(
		array(
			'primary-menu' => __( 'Top Menu' ),
		)
	);
}
?>