Return to Question

I have the following code where i am trying to create a sample Angular Application and bootstrapping it. However the styles are not getting loaded properly.

Menubar.html:

<header>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark" style="display: inline">
    <div><a href="https://www.in28minutes.com" class="navbar-brand">in28Minutes</a></div>
<ul class="navbar-nav">
    <li><a href="/welcome/shubham" class="nav-link">Home</a></li>
    <li><a href="/todos" class="nav-link">Todos</a></li>
</ul>
<ul class="navbar-nav navbar-collapse justify-content-end">
    <li><a href="/login" class="nav-link">Login</a></li>
    <li><a href="/logout" class="nav-link">Logout</a></li>
</ul>
</nav>

Styles.css:

{/* You can add global styles to this file, and also import other style files */ @import url(https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css) }

I have attached the image as well.

I have the following code, where I am trying to create a sample Angular Application and bootstrap it. However, the styles are not getting loaded properly.

menubar.html:

<header>
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark" style="display: inline">
        <div><a href="https://www.in28minutes.com" class="navbar-brand">in28Minutes</a></div>
    <ul class="navbar-nav">
        <li><a href="/welcome/shubham" class="nav-link">Home</a></li>
        <li><a href="/todos" class="nav-link">Todos</a></li>
    </ul>
    <ul class="navbar-nav navbar-collapse justify-content-end">
        <li><a href="/login" class="nav-link">Login</a></li>
        <li><a href="/logout" class="nav-link">Logout</a></li>
    </ul>
    </nav>
</header>

styles.css:

/* You can add global styles to this file, and also import other style files */
@import url(https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css)

Here is how it renders:

I have the following code where I am trying to create a sample angular application and bootstrapping it. However the styles are not getting loaded properly. Menubar.html:

<header>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark" style="display: inline">
    <div><a href="https://www.in28minutes.com" class="navbar-brand">in28Minutes</a></div>
<ul class="navbar-nav">
    <li><a href="/welcome/shubham" class="nav-link">Home</a></li>
    <li><a href="/todos" class="nav-link">Todos</a></li>
</ul>
<ul class="navbar-nav navbar-collapse justify-content-end">
    <li><a href="/login" class="nav-link">Login</a></li>
    <li><a href="/logout" class="nav-link">Logout</a></li>
</ul>
</nav>

Styles.css:  {/* You can add global styles to this file, and also import other style files */ @import url(https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css) } I have attached the image as well.

I have the following code where i am trying to create a sample Angular Application and bootstrapping it. However the styles are not getting loaded properly.

Menubar.html:

<header>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark" style="display: inline">
    <div><a href="https://www.in28minutes.com" class="navbar-brand">in28Minutes</a></div>
<ul class="navbar-nav">
    <li><a href="/welcome/shubham" class="nav-link">Home</a></li>
    <li><a href="/todos" class="nav-link">Todos</a></li>
</ul>
<ul class="navbar-nav navbar-collapse justify-content-end">
    <li><a href="/login" class="nav-link">Login</a></li>
    <li><a href="/logout" class="nav-link">Logout</a></li>
</ul>
</nav>

Styles.css: 

{/* You can add global styles to this file, and also import other style files */ @import url(https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css) }

I have attached the image as well.

I have the following code where I am trying to create a sample angular application and bootstrapping it. However the styles are not getting loaded properly. Menubar.html:

<header>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark" style="display: inline">
    <div><a href="https://www.in28minutes.com" class="navbar-brand">in28Minutes</a></div>
<ul class="navbar-nav">
    <li><a href="/welcome/shubham" class="nav-link">Home</a></li>
    <li><a href="/todos" class="nav-link">Todos</a></li>
</ul>
<ul class="navbar-nav navbar-collapse justify-content-end">
    <li><a href="/login" class="nav-link">Login</a></li>
    <li><a href="/logout" class="nav-link">Logout</a></li>
</ul>
</nav>

Styles.css: {/* You can add global styles to this file, and also import other style files */ @import url(https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css) } I have attached the image as well.

I have the following code where I am trying to create a sample angular application and bootstrapping it. However the styles are not getting loaded properly. Menubar.html:

<header>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark" style="display: inline">
    <div><a href="https://www.in28minutes.com" class="navbar-brand">in28Minutes</a></div>
<ul class="navbar-nav">
    <li><a href="/welcome/shubham" class="nav-link">Home</a></li>
    <li><a href="/todos" class="nav-link">Todos</a></li>
</ul>
<ul class="navbar-nav navbar-collapse justify-content-end">
    <li><a href="/login" class="nav-link">Login</a></li>
    <li><a href="/logout" class="nav-link">Logout</a></li>
</ul>
</nav>

Styles.css: {/* You can add global styles to this file, and also import other style files */ @import url(https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css) } I have attached the image as well.