Academic Integrity: tutoring, explanations, and feedback — we don’t complete graded work or submit on a student’s behalf.

Bootstrap is messing up my website. the pictures are suppose to be side by side.

ID: 3775113 • Letter: B

Question

Bootstrap is messing up my website. the pictures are suppose to be side by side. 2 rows with 6 pictures in each row. Please help . Here is my code.

<html>
<style>
h1 {
    font-family: Algerian, "Times New Roman", Times, serif;
    font-size:48px;
margin-top: 5px; margin-bottom: 0px;
text-align: center;
    font-weight: normal;
    color: #222;
}
p {
    font-family: Calbri, Times, serif;
    font-size:16px;
text-align: center;
    font-weight: bold;
    color: black;
}
ul {
    font-family: "Times New Roman", Times, serif;
    font-size:20px;}
h2{
    font-family: "Lucida Grande", Tahoma;
font-size: 28px;
font-weight: darker;
font-variant: normal;
text-transform: capitalize;
color: #666666;
    margin-top: 10px;
text-align: center!important;
letter-spacing: 0.3em;
}
h3{
    font-family: Arial Black, Tahoma;
font-size:32px;
font-weight: lighter;
font-variant: normal;
text-transform: uppercase;
color: black;
    margin-top: 10px;
text-align: center!important;
letter-spacing: 0.3em;
}


/* hover over images css code */
.thumbnail{
position: static;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 100;
left:350px; /*position where enlarged image should offset horizontally */}
body { padding-top: 70px; }
</style>
<head>
<h1> Housing and Residence Life </h1>
<h2> Everything about living on campus and roommates </h2>
<meta charset="utf-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="container">
<ul class="nav nav-tabs nav-justified" role="tablist">  
<li ><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li role="presentation" class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="new housing.html" role="button" aria-haspopup="true" aria-expanded="false">Housing <span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="newquiz.html">Residence Halls</a></li>   </ul></li>
<li><a href="#">Dining</a></li>  
<li><a href="#">Saftey</a></li>
<li><a href="#">Quiz</a></li>
</ul>
</div>
</head>
<body>

<center>
<a class="thumbnail" href="#thumb"><img src="https://s-media-cache-ak0.pinimg.com/736x/df/e6/eb/dfe6ebeba665058d882fa8ced685101f.jpg" width="200px" height="100px" border="0" /> <span><img src="https://s-media-cache-ak0.pinimg.com/736x/df/e6/eb/dfe6ebeba665058d882fa8ced685101f.jpg" width="650px" height="350px"/><br /> <p>Aggie Village -Suite Style, Co-ed <p>Double-(Yearly per bed)-$5,266.00<p> Double Deluxe-(Yearly per bed)-$5,416.00<p> Single-(Yearly per bed)-$5,566.00<p> Private-(Yearly per bed)-$5,866.00</p></span> </a>

<a class="thumbnail" href="#thumb"><img src="http://www.ncat.edu/student-affairs/housing/assets/images/South%20Campus/0411.JPG" width="200px" height="100px" border="0" /><span><img src="http://www.ncat.edu/student-affairs/housing/assets/images/South%20Campus/0411.JPG" width="650" height="350" /><br /><p>Barbee Hall - Traditonal Style, Co-ed <p>Double-(Yearly per bed)-$3,959.00 <p>Single-(Yearly per bed)-$4,559.00 <p>Single Deluxe-(Yearly per bed)-$5,566.00</p></span></a>

<a class="thumbnail" href="#thumb"><img src="http://www.ncat.edu/student-affairs/housing/assets/images/East%20Campus%20/DSC_0005.JPG" width="200px" height="100px" border="0" /><span><img src="http://www.ncat.edu/student-affairs/housing/assets/images/East%20Campus%20/DSC_0005.JPG" width="650" height="350" /><br />Aggie Suites - Suite Style, Co-ed Double-(Yearly per bed)-$5,293.00 Single-(Yearly per bed)-$5,928.00</span></a>

<a class="thumbnail" href="#thumb"><img src="http://www.ncat.edu/student-affairs/housing/assets/images/North%20Campus%20/DSC_0191.JPG" width="200px" height="100px" border="0" /><span><img src="http://www.ncat.edu/student-affairs/housing/assets/images/North%20Campus%20/DSC_0191.JPG" width="650" height="350"/><br />Alex Haley Hall - Traditonal Style, Co-ed Double-(Yearly per bed)-$3,959.00, Single-(Yearly per bed)-$5,566.00 </span></a>

<a class="thumbnail" href="#thumb"><img src="http://www.ncat.edu/student-affairs/housing/assets/images/East%20Campus%20/DSC_00172.JPG" width="200px" height="100px" border="0" /><span><img src="http://www.ncat.edu/student-affairs/housing/assets/images/East%20Campus%20/DSC_00172.JPG" width="650" height="350"/><br />Pride Hall - Suite Style, Co-ed Double-(Yearly per bed)-$5,293.00, Single-(Yearly per bed)-$5,928.00, Private-(Yearly per bed)-$6,236.00</span></a>

<a class="thumbnail" href="#thumb"><img src="terrace.jpg" width="200px" height="100px" border="0" /><span><img src="terrace.jpg" width="650" height="350"/><br />Aggie Terrace - Apartment, Co-ed Single-(Yearly per bed)-$5,831.00.</span></a>

<a class="thumbnail" href="#thumb"><img src="vanstory.jpg" width="200px" height="100px" border="0" /><span><img src="vanstory.jpg"width="650" height="350" /><br />Vanstory Hall - Traditional, Co-ed Double-(Yearly per bed)-$5,293.00, Single-(Yearly per bed)-$4,559.00, Single Deluxe-(Yearly per bed)-$5,566.00</span></a>

<a class="thumbnail" href="#thumb"><img src="http://www.ncat.edu/student-affairs/housing/assets/images/North%20Campus%20/Cooper%201" width="200px" height="100px" border="0" /><span><img src="http://www.ncat.edu/student-affairs/housing/assets/images/North%20Campus%20/Cooper%201" width="650" height="350"/><br />Cooper Hall - Males ONLY Double-(Yearly per bed)-$3,959.00, Singles Deluxe-(Yearly per bed)-$5,566.00</span></a>

<a class="thumbnail" href="#thumb"><img src="http://www.ncat.edu/student-affairs/housing/assets/images/South%20Campus/DSC_01851.JPG" width="200px" height="100px" border="0" /><span><img src="http://www.ncat.edu/student-affairs/housing/assets/images/South%20Campus/DSC_01851.JPG" width="650" height="350"/><br />Holland Hall - Females ONLY Double-(Yearly per bed)-$3,959.00, Single-(Yearly per bed)-$4,559.00, Single Deluxe-(Yearly per bed)-$5,566.00</span></a>

<a class="thumbnail" href="#thumb"><img src="morrison.jpg" width="200px" height="100px" border="0" /><span><img src="morrison.jpg"width="650" height="350" /><br />Morrison Hall - Females ONLY Double-(Yearly per bed)-$3,959.00, Single-(Yearly per bed)-$4,559.00, Private-(Yearly per bed)-$4,959.00, Single Deluxe-(Yearly per bed)-$5,566.00</span></a>

<a class="thumbnail" href="#thumb"><img src="curtis.jpg" width="200px" height="100px" border="0" /><span><img src="curtis.jpg" width="650" height="350"/><br />Curtis Hall - Females ONLY Double-(Yearly per bed)-$3,959.00, Single Deluxe-(Yearly per bed)-$5,566.00</span></a>

<a class="thumbnail" href="#thumb"><img src="morrow.jpg" width="200px" height="100px" border="0" /><span><img src="morrow.jpg" width="650" height="350"/><br />Morrow Hall - Females ONLY Double-(Yearly per bed)-$3,959.00, Single Deluxe-(Yearly per bed)-$5,566.00</span></a>
</center>
<h3>Roommate 101</h3>
<p>Can't we all just get along? Stick to these guidelines for a year of roommate tolerability
<ul>
<li><b>Communication is huge.</b>- If something needs to be said, just say it.</li>
<li><b>Guests</b>-Be mindful of how many people you have over and how often.</li>
<li><b>Clean up after yourself</b>-A sink full of dishes and leftover food on the counter...eww,gross!</li>
<li><b>Be considerate</b>-A sleeping roommate and guitar hero at 2am don't mix.</li>
<li><b>It's still their stuff</b>-You didn't buy it so don't use it, touch it or eat it - unless you ask.</li>
<li><b>Be open</b>-Be open to new ideas, lifestyles and experiences.</li>
<li><b>No snapping</b>-Communicate without yelling... or texting. If you're frustrated, get some air!.</li>
<li><b>Create rules together</b>-It is important to set up ground rules as soon as possible.o</li>
</ul>
</body>
</html>

Explanation / Answer

Paste the below code and run it : You will see the expected output

<html>
<style>
h1 {
font-family: Algerian, "Times New Roman", Times, serif;
font-size:48px;
margin-top: 5px; margin-bottom: 0px;
text-align: center;
font-weight: normal;
color: #222;
}
p {
font-family: Calbri, Times, serif;
font-size:16px;
text-align: center;
font-weight: bold;
color: black;
}
ul {
font-family: "Times New Roman", Times, serif;
font-size:20px;}
h2{
font-family: "Lucida Grande", Tahoma;
font-size: 28px;
font-weight: darker;
font-variant: normal;
text-transform: capitalize;
color: #666666;
margin-top: 10px;
text-align: center!important;
letter-spacing: 0.3em;
}
h3{
font-family: Arial Black, Tahoma;
font-size:32px;
font-weight: lighter;
font-variant: normal;
text-transform: uppercase;
color: black;
margin-top: 10px;
text-align: center!important;
letter-spacing: 0.3em;
}


/* hover over images css code */
.thumbnail{
position: static;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 100;
left:350px; /*position where enlarged image should offset horizontally */}
body { padding-top: 70px; }
</style>
<head>
<h1> Housing and Residence Life </h1>
<h2> Everything about living on campus and roommates </h2>
<meta charset="utf-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="container">
<ul class="nav nav-tabs nav-justified" role="tablist">
<li ><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li role="presentation" class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="new housing.html" role="button" aria-haspopup="true" aria-expanded="false">Housing <span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="newquiz.html">Residence Halls</a></li> </ul></li>
<li><a href="#">Dining</a></li>
<li><a href="#">Saftey</a></li>
<li><a href="#">Quiz</a></li>
</ul>
</div>
</head>
<body>
<center>
<table>
<tr>
<th><a class="thumbnail" href="#thumb"><img src="https://s-media-cache-ak0.pinimg.com/736x/df/e6/eb/dfe6ebeba665058d882fa8ced685101f.jpg" width="200px" height="100px" border="0" /> <span><img src="https://s-media-cache-ak0.pinimg.com/736x/df/e6/eb/dfe6ebeba665058d882fa8ced685101f.jpg" width="650px" height="350px"/><br /> <p>Aggie Village -Suite Style, Co-ed <p>Double-(Yearly per bed)-$5,266.00<p> Double Deluxe-(Yearly per bed)-$5,416.00<p> Single-(Yearly per bed)-$5,566.00<p> Private-(Yearly per bed)-$5,866.00</p></span> </a></th>
<th><a class="thumbnail" href="#thumb"><img src="http://www.ncat.edu/student-affairs/housing/assets/images/South%20Campus/0411.JPG" width="200px" height="100px" border="0" /><span><img src="http://www.ncat.edu/student-affairs/housing/assets/images/South%20Campus/0411.JPG" width="650" height="350" /><br /><p>Barbee Hall - Traditonal Style, Co-ed <p>Double-(Yearly per bed)-$3,959.00 <p>Single-(Yearly per bed)-$4,559.00 <p>Single Deluxe-(Yearly per bed)-$5,566.00</p></span></a></th>
<th><a class="thumbnail" href="#thumb"><img src="http://www.ncat.edu/student-affairs/housing/assets/images/East%20Campus%20/DSC_0005.JPG" width="200px" height="100px" border="0" /><span><img src="http://www.ncat.edu/student-affairs/housing/assets/images/East%20Campus%20/DSC_0005.JPG" width="650" height="350" /><br />Aggie Suites - Suite Style, Co-ed Double-(Yearly per bed)-$5,293.00 Single-(Yearly per bed)-$5,928.00</span></a></th>
<th>
<a class="thumbnail" href="#thumb"><img src="http://www.ncat.edu/student-affairs/housing/assets/images/North%20Campus%20/DSC_0191.JPG" width="200px" height="100px" border="0" /><span><img src="http://www.ncat.edu/student-affairs/housing/assets/images/North%20Campus%20/DSC_0191.JPG" width="650" height="350"/><br />Alex Haley Hall - Traditonal Style, Co-ed Double-(Yearly per bed)-$3,959.00, Single-(Yearly per bed)-$5,566.00 </span></a></th>
<th>
<a class="thumbnail" href="#thumb"><img src="http://www.ncat.edu/student-affairs/housing/assets/images/East%20Campus%20/DSC_00172.JPG" width="200px" height="100px" border="0" /><span><img src="http://www.ncat.edu/student-affairs/housing/assets/images/East%20Campus%20/DSC_00172.JPG" width="650" height="350"/><br />Pride Hall - Suite Style, Co-ed Double-(Yearly per bed)-$5,293.00, Single-(Yearly per bed)-$5,928.00, Private-(Yearly per bed)-$6,236.00</span></a></th>
</tr>
</table>

<table>
<tr>
<th>
<a class="thumbnail" href="#thumb"><img src="vanstory.jpg" width="100px" height="50px" border="0" /><span><img src="vanstory.jpg"width="100" height="50" /><br />Vanstory Hall - Traditional, Co-ed Double-(Yearly per bed)-$5,293.00, Single-(Yearly per bed)-$4,559.00, Single Deluxe-(Yearly per bed)-$5,566.00</span></a>
</th>
<th>
<a class="thumbnail" href="#thumb"><img src="http://www.ncat.edu/student-affairs/housing/assets/images/North%20Campus%20/Cooper%201" width="100px" height="70px" border="0" /><span><img src="http://www.ncat.edu/student-affairs/housing/assets/images/North%20Campus%20/Cooper%201" width="100" height="70"/><br />Cooper Hall - Males ONLY Double-(Yearly per bed)-$3,959.00, Singles Deluxe-(Yearly per bed)-$5,566.00</span></a></th>
<th>
<a class="thumbnail" href="#thumb"><img src="http://www.ncat.edu/student-affairs/housing/assets/images/South%20Campus/DSC_01851.JPG" width="100px" height="50px" border="0" /><span><img src="http://www.ncat.edu/student-affairs/housing/assets/images/South%20Campus/DSC_01851.JPG" width="100" height="50"/><br />Holland Hall - Females ONLY Double-(Yearly per bed)-$3,959.00, Single-(Yearly per bed)-$4,559.00, Single Deluxe-(Yearly per bed)-$5,566.00</span></a>
</th>
<th>
<a class="thumbnail" href="#thumb"><img src="morrison.jpg" width="100px" height="50px" border="0" /><span><img src="morrison.jpg"width="100" height="50" /><br />Morrison Hall - Females ONLY Double-(Yearly per bed)-$3,959.00, Single-(Yearly per bed)-$4,559.00, Private-(Yearly per bed)-$4,959.00, Single Deluxe-(Yearly per bed)-$5,566.00</span></a>
</th>
<th>
<a class="thumbnail" href="#thumb"><img src="curtis.jpg" width="100px" height="50px" border="0" /><span><img src="curtis.jpg" width="100" height="50"/><br />Curtis Hall - Females ONLY Double-(Yearly per bed)-$3,959.00, Single Deluxe-(Yearly per bed)-$5,566.00</span></a>
</th>
<th>
<a class="thumbnail" href="#thumb"><img src="morrow.jpg" width="100px" height="50px" border="0" /><span><img src="morrow.jpg" width="650" height="350"/><br />Morrow Hall - Females ONLY Double-(Yearly per bed)-$3,959.00, Single Deluxe-(Yearly per bed)-$5,566.00</span></a>
</th>
</tr>
</table>


</center>
<h3>Roommate 101</h3>
<p>Can't we all just get along? Stick to these guidelines for a year of roommate tolerability
<ul>
<li><b>Communication is huge.</b>- If something needs to be said, just say it.</li>
<li><b>Guests</b>-Be mindful of how many people you have over and how often.</li>
<li><b>Clean up after yourself</b>-A sink full of dishes and leftover food on the counter...eww,gross!</li>
<li><b>Be considerate</b>-A sleeping roommate and guitar hero at 2am don't mix.</li>
<li><b>It's still their stuff</b>-You didn't buy it so don't use it, touch it or eat it - unless you ask.</li>
<li><b>Be open</b>-Be open to new ideas, lifestyles and experiences.</li>
<li><b>No snapping</b>-Communicate without yelling... or texting. If you're frustrated, get some air!.</li>
<li><b>Create rules together</b>-It is important to set up ground rules as soon as possible.o</li>
</ul>
</body>
</html>

Note : Created a Table Like I did for 6 Images , Please Make sure Images are of same Height and Width. Make the Entries of Column in a Table as One Image file

I hope it clarifies. Let me know if there is any concern

Related Questions

Bookshelf Online: Financial.. X 18-5. (Calculating the operating and cash conver
Question #2789076
Bookshelf | Print | Settings | Help | Sign Out Browse My Searches Search Go 478
Question #1256078
Bookstore owner needs to know how many copies of books written by each author ha
Question #3715343
Bookstore recorded a net loss of $75,000 for 2017. Included in the Income Statem
Question #2525311
Bookstore wants to buy a new coding machine to help control book inventories. Th
Question #2792931
Books’R’Us is a local bookstore that started in 1978 in a small New England town
Question #3671047
Books’R’Us is a local bookstore that started in 1978 in a small New England town
Question #3784206
Bookworm Publishers publishes books and they have gathered the following data fo
Question #2511686
Hire Me For All Your Tutoring Needs
Integrity-first tutoring: clear explanations, guidance, and feedback.
Drop an Email at
drjack9650@gmail.com
Chat Now And Get Quote

Navigate

Previous
Bootstrap financing can be understood as a concept in which financial assistance
Next
Bootstrap made HTML layout easier and more consistent. Users experienced a notic

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.