These are chat archives for Colt/WDB-CodeTalk

17th
Jan 2017
Social J
@Jason242
Jan 17 2017 05:15
right click, inspect and then just copy img src link
Chris Cullen
@123xylem
Jan 17 2017 09:39
<nav class="navbar navbar-default">

 <div class=" navbar-header">
    <a href="#" class="navbar-brand">Kora</a>
</div>
<div class="container">
<ul class=" nav navbar-nav">
    <li><a href="#">Our Food</a></li>
    <li><a href="#">Contact</a></li>
    </ul>


<ul class=" navbar-nav navbar-right">
        <li><a href="#">Sign Up</a></li>
                <li><a href="#">Login</a></li>
</ul>

</nav>
</div>
Quick Question: Why is this navbar displaying vertically not horizontally!!??
Boomer
@boomer1204
Jan 17 2017 09:45
@123xylem because the css is telling it to be vertical
Chris Cullen
@123xylem
Jan 17 2017 09:53
@boomer1204 where?
The css instructions ive had says this makes an inline nav bar
Boomer
@boomer1204
Jan 17 2017 09:53
in the css. By default the browser applies styling by default. You then create a css file to change what the browser is doing
Chris Cullen
@123xylem
Jan 17 2017 09:54
where in the css?
Boomer
@boomer1204
Jan 17 2017 09:55
w/e you put it your css sheet. Those classnames look like you are following along with bootstrap which means you would need to include that
Chris Cullen
@123xylem
Jan 17 2017 09:55
@boomer1204 it is bootstrap and i have included it
Boomer
@boomer1204
Jan 17 2017 09:56
how is it included
cuz if the styling is not being applied it's not connecting to that stylesheet
Naman
@namanyash
Jan 17 2017 10:48
i am stuck on the wikipedia page viewer....anyone could help me get wikipedia links from the search??
Chris Cullen
@123xylem
Jan 17 2017 10:48
<nav class="navbar navbar-toggleable-md navbar-light bg-faded">
  <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <a class="navbar-brand" href="#">Navbar</a>
  <div class="collapse navbar-collapse" id="navbarNavDropdown">
    <ul class="navbar-nav">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Features</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Pricing</a>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Dropdown link
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
          <a class="dropdown-item" href="#">Action</a>
          <a class="dropdown-item" href="#">Another action</a>
          <a class="dropdown-item" href="#">Something else here</a>
        </div>
      </li>
    </ul>
  </div>
</nav>
I copied this from the bootstrap website and it shows as a jumbled line that doesnt stretch across the page... How do i fix it?
Naman
@namanyash
Jan 17 2017 10:48
i am stuck on the wikipedia page viewer....anyone could help me get wikipedia links from the search??
KacimFedjkhi
@KacimFedjkhi
Jan 17 2017 17:06
@123xylem did you link your html page to a bootstrap file or a cdn?
Muhammad Raza
@muhammad_o7_twitter
Jan 17 2017 17:11
Hi guys i made a website how does it look. http://muhammadraza.000webhostapp.com
Wes Searan
@Wes26
Jan 17 2017 17:17
Hey everyone! I just signed up for this bootcamp course on Udemy. Lets Code!
KacimFedjkhi
@KacimFedjkhi
Jan 17 2017 18:11
@muhammad_o7_twitter basic with the things we've seen, but okay
Muhammad Raza
@muhammad_o7_twitter
Jan 17 2017 18:15
Yeah its just basic @KacimFedjkhi
WaRHeAD
@WarheadStyle_twitter
Jan 17 2017 18:19
@namanyash the wikipedia sample of the course is just a proof of concept. it doesn't mean you can search wikipedia with the search tab..
Karthik Nallasivan
@furball514
Jan 17 2017 18:54
Hey guys i meed help whys this diplaying mulitple font awrsome icons?http://codepen.io/furball/pen/EZKzm
Wes Searan
@Wes26
Jan 17 2017 19:58
@ Karthik Did you get the CDN from font awesome from your email correctly placed in your Head tags. I cant see your code as it is popping up a 404 error.