Register / Login

Post Reply Bookmark Topic Watch Topic
New Topic

programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums

this forum made possible by our volunteer staff, including ...

Marshals:

Campbell Ritchie
Tim Cooke
Liutauras Vilda
Jeanne Boyarsky
paul wheaton

Sheriffs:

Ron McLeod
Devaka Cooray
Henry Wong

Saloon Keepers:

Tim Holloway
Stephan van Hulst
Carey Brown
Tim Moores
Mikalai Zaikin

Bartenders:

Frits Walraven

Forum:

HTML Pages with CSS and JavaScript

This is regarding an Issue in Bootstrap

Rohit Kumar Singh

Ranch Hand

Posts: 105

jQuery

Eclipse IDE

Java

posted 11 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Hello ,

Actually i am new to Bootstrap, As i was developing my first App, i got an issue.
Please Help me with that ...

Here Goes my Code.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>My First Bootstrap Project</title>
<link rel="stylesheet" type="text/css" href="res/css/bootstrap.min.css">
</head>
<body>

<script src="http://code.jquery.com/jjquery-1.10.1.min.js"></script>
	<script src="res/js/bootstrap.min.js"></script>
	<div class="container">
	<h1><a >Bootstrap Site</a></h1>
	<div class="navbar">
		<div class="navbar-inner">
		<div class="container">
		<ul class="nav">
		<li class="active"><a >Home</a></li>
		<li><a > Projects</a></li>
		<li><a >Services</a></li>
		<li><a >Downloads</a></li>
		<li><a >About</a></li>
		<li><a >Contact</a></li>
		</ul>
		</div>
		</div>
	  </div>
	  </div>
	<div class="hero-unit">
		<h1>Marketing Stuff</h1>
		<p>This is the Marketing Area for this Website, Here We can put the taglines. contents and overview of our website...</p>
		<a  class="btn btn-large btn-success" rel="nofollow">Get Started</a>
	</div>
	
	<div class="row">
		<div class="span4">
			<ul class="nav nav-list">
		<li class="nav-header">What We Are ??</li>
		<li class="active"><a >Home</a> </li>
		<li><a >Our Clientel</a> </li>
		<li><a >About Us</a> </li>
		<li><a >Contact Us</a> </li>
		<li class="nav-header">Our Friends</li>
		<li><a >Google</a> </li>
		<li><a >Yahoo</a> </li>
		<li><a >Bing</a> </li>
		<li><a >Microsoft</a> </li>
		<li><a >Facebook</a> </li>
		<li><a >LinkedIn</a> </li>
		<li><a >Twitter</a> </li>
		<li><a >Gadgatic World</a> </li>
	</ul>
		</div>
		<div class="span8">
		<h3>How We Started</h3>
	<p>We started with a bang in IT Industry ... </p>
	<p>An open source content management system driven website for an accomplished mid-sized Law firm practicing in all areas of law, Bankruptcy and Insolvency Law, Immigration Law, Labour and Human Rights Law, Taxation, Real Estate and Conveyancing etc.</p>
	<p>This provides a wide range of Internet portal and content management solutions and consulting services, to help you create commercial and corporate portals.... </p>

<h3>How We Market</h3>
	<p>We don't just deliver. We solve.</p>
	<p>Something Something</p>
		</div>
	</div>
	
	
</body>
</html>

Here is my Project Structure..

My Problem is :-

I am not getting a Desired Output..

This Was my desired Output..

But what i am getting is a Plain Html Webpage.

Please help me with this.

Any Suggestion Will be Helpful..

Thanks and Regard's

Rohit Kumar Singh

Capture1.JPG

[Thumbnail for Capture1.JPG]

Capture.JPG

[Thumbnail for Capture.JPG]

3.JPG

[Thumbnail for 3.JPG]

Accept me as I am, or Watch me as I go.

Sheriff

Posts: 10445

227

IntelliJ IDE

Ubuntu

posted 11 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

It's a clear case of css not being applied.

<link rel="stylesheet" type="text/css" href="res/css/bootstrap.min.css">

Compare the expected file name with the contents of the res/css folder contents. From the image you posted, that folder has no such css file.

[My Blog] [JavaRanch Journal]

Rohit Kumar Singh

Ranch Hand

Posts: 105

jQuery

Eclipse IDE

Java

posted 11 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Thanks for your reply..

Can you please be a little more specific..

I am not getting you sir..

Sorry for the inconvenience.

Accept me as I am, or Watch me as I go.

Jaikiran Pai

Sheriff

Posts: 10445

227

IntelliJ IDE

Ubuntu

posted 11 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Can you please be a little more specific..

I am not getting you sir..

Your HTML says that it requires a bootstrap.min.css. Where is it located?

[My Blog] [JavaRanch Journal]

Rohit Kumar Singh

Ranch Hand

Posts: 105

jQuery

Eclipse IDE

Java

posted 11 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

oh yaa, My Mistake..

It's done now..

Little alignment problem is there, but now i got 70% output..

Thanks a lot

Accept me as I am, or Watch me as I go.

Talk sense to a fool and he calls you foolish. -Euripides A foolish tiny ad:

Gift giving made easy with the permaculture playing cards

https://coderanch.com/t/777758/Gift-giving-easy-permaculture-playing

reply

Bookmark Topic

Watch Topic

New Topic

Boost this thread!

Similar Threads