Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

David Shulkin
seal-mask
.a{fill-rule:evenodd;}techdegree
David Shulkin
Front End Web Development Techdegree Student 10,255 Points
Posted by David Shulkin
.a{fill-rule:evenodd;}techdegree
David Shulkin
Front End Web Development Techdegree Student 10,255 Points

Bootstrap has updated to 5.3.2

You'll want to use this code and make sure you have the most recent script and link tags in your HTML file

This is for anyone who wants to use the up-to-date version.

You can easily figure out what you need to do if you understand the syntax.

    <!-- footer -->
  <div class="row py-3">
    <div class="col-md-7">
      <ul class="nav">
        <li class="nav-item">
          <a class="nav-link" href="#">Community</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">Tracks</a>
        </li>
        <li class="nav-item">
            <!-- Split dropup button -->      
            <div class="btn-group dropup">
              <button type="button" class="btn btn-secondary">
                Other Confs
              </button>
              <button type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
                <span class="visually-hidden">Toggle Dropdown</span>
              </button>
              <ul class="dropdown-menu">
                <a class="dropdown-item" href="#">CSS Conf</a>
                <a class="dropdown-item" href="#">Python Conf</a>
                <a class="dropdown-item" href="#">Javascript Conf</a>
                <a class="dropdown-item" href="#">Swift Conf</a>
              </ul>
            </div> <!-- /Split dropup button -->
          </div>
        </li>
      </ul>  
        <div class="col-md text-md-right">
          <small>&copy; 2017 Full Stack Conf &amp; Treehouse</small>
        </div>
      </div><!-- /footer -->

`

1 Answer

Steven Parker
Steven Parker
231,268 Points
Steven Parker
Steven Parker
231,268 Points

While taking the courses, you'll probably not want to use the latest version. To be able to follow along with the video examples, you should use the same version that the video was made with.