Questions about Bootstrap

Everything related to the visual and coding aspects of websites.
nyxmidnight
Communications Staffer
Posts: 1078
Joined: Sat Oct 13, 2012 7:55 pm
Location: Canada
Contact:

Re: Questions about Bootstrap

Post by nyxmidnight »

My pleasure! Congratulations on a job well done!
Join in the Tale, in the Blight, of Conquest and Lies
Come the Sun, to Tarnish in the Sky
Vow that we shall Tear the Light - Dark seizes the Throne
Lost in thoughts, all alone
Robin
Events Staffer
Posts: 3072
Joined: Thu Aug 07, 2014 3:15 pm
Location: North Carolina, USA
Contact:

Re: Questions about Bootstrap

Post by Robin »

:D I'm just glad some of the code knowledge finally stuck to my brain cells, LOLOL

(Also, one of my Choral Society buddies asked me about building a little website for her craft business, so hey, might be getting a paying gig soon ^_^)
~ a dream is a wish your heart makes ~
withinmyworld.org
Robin
Events Staffer
Posts: 3072
Joined: Thu Aug 07, 2014 3:15 pm
Location: North Carolina, USA
Contact:

Re: Questions about Bootstrap

Post by Robin »

Guess who's back...back again... xD

Okay, working on changing over a site to Bootstrap. Main problem right now is my navigation; I've been trying to get dropdown menus going, but I'm not sure where to find the Javascript plugin to make it work. Right now none of the dropdown links or menus show up at all. Also the "data-toggle" and "data-target" stuff is completely alien to me XD

Here is what I have so far in my code, which is basically a mess of copypastas from various Bootstrap documentation:

Code: Select all

<nav class="navbar navbar-default navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="index.php">College Knowledge</a>
		  
        </div>
        <div id="navbar" class="navbar-collapse collapse">
		<div class="dropdown">
			<a class="dropdown-toggle" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="/page.html">Know Before You Go</a>
		    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
				<li><a tabindex="-1" href="safesecure.php">Safety and Security</a></li>
				<li><a tabindex="-1" href="wirelesscomputing.php">Wireless Computing Tips</a></li>
				<li><a tabindex="-1" href="dressingforclass.php">Dressing for Class</a></li>
				<li><a tabindex="-1" href="buyingbooks.php">Buying Textbooks</a></li>
    </ul>
		</div>
        </div><!--/.navbar-collapse -->
      </div>
    </nav>
I know I'm just missing something simple...a connection between ideas, maybe, or I've got the code pasted in the wrong places. Bleh. Tried using the default jumbotron template as a springboard, but I've just managed to eff it all up. XD
~ a dream is a wish your heart makes ~
withinmyworld.org
User avatar
Camy
Administrator
Posts: 1482
Joined: Mon Jul 16, 2012 9:21 pm
Location: Texas
Contact:

Re: Questions about Bootstrap

Post by Camy »

Hmm, you are missing <ul class="nav navbar-nav"> and other stuff so I'll just link you to one of the templates for you to snag it from http://getbootstrap.com/examples/navbar/
I accept your challenge, "high prince", but I am no general.
Robin
Events Staffer
Posts: 3072
Joined: Thu Aug 07, 2014 3:15 pm
Location: North Carolina, USA
Contact:

Re: Questions about Bootstrap

Post by Robin »

@Camy: OOO thank you! I got the fixed navbar code copy-pasted in, and that seems to have solved both the formatting AND links issues (no idea why it helped the formatting, but okay, LOL). Hopefully now I can edit it without screwing it up again ^_^;
~ a dream is a wish your heart makes ~
withinmyworld.org
User avatar
Camy
Administrator
Posts: 1482
Joined: Mon Jul 16, 2012 9:21 pm
Location: Texas
Contact:

Re: Questions about Bootstrap

Post by Camy »

You're welcome xD
I accept your challenge, "high prince", but I am no general.
Post Reply