Twitter's bootstrap doesn't get the page layout I want


traitor andy

I'm using twitter bootstrap as my layout, at the moment, this is how my page looks like:

enter image description here

I wanted to move "fitness is our goal" below the big picture, but that didn't happen due to the way I handled the layout.

Currently, I have the following layout:

div class="col-md-12">
<h3>
  class name here
</h3>
</div>

<div class="col-md-8">
big picture here
  </div>
  <div class="col-md-4”>

all details on right hand column here - ending with address
 </div>

<div class="col-md-8”>
Fitness is our goal text - it is this div I want moved up flush underneath the image
</div>

My desired result is:

enter image description here

please help!

Praliter

Would this break your layout to move the text into the column of images?

<div class="col-md-12">
<h3>
  class name here
</h3>
</div>

<div class="col-md-8">
big picture here

Fitness is our goal text - it is this div I want moved up flush underneath the image
  </div>
  <div class="col-md-4”>

all details on right hand column here - ending with address
 </div>

If not, then you might also want to make sure that there is no wrapper around that image that enforces a certain size ratio, so add a space between that image and the next column.

Related


Twitter's bootstrap doesn't get the page layout I want

traitor andy I'm using twitter bootstrap as my layout, at the moment, this is how my page looks like: I wanted to move "fitness is our goal" below the big picture, but that didn't happen due to the way I handled the layout. Currently, I have the following layo

Can't get the Android layout I want

Sam The layout below is put into a list view on a separate tab, but I'm using this view for my custom adapter. I want the first imageView id 'icon' to be on the left. I want the textView id 'item' to be in the middle to the right of the id icon and I want the

onsubmit in Twitter Bootstrap modal doesn't get fired

z2014 The code is simple: HTML: <div class="modal dialog-add-category fade" role="dialog" aria-labelledby="dialogAddCategoryLabel"> <form onsubmit='alert("444")'> <div class="modal-dialog"> <div class="modal-content"> <d

select function doesn't work just get the array I want

CallMeLoki : I have a file like this { "_id": { "$oid": "570bc73da8ebd9005dd54de3" }, "title": "dota", "imgurl": "asd.com", "description": "", "hints": [ { "date": "2016-04-26 22:50:12.6069011 +0430 IRDT", "description": "narinin" }

select function doesn't work just get the array I want

CallMeLoki : I have a file like this { "_id": { "$oid": "570bc73da8ebd9005dd54de3" }, "title": "dota", "imgurl": "asd.com", "description": "", "hints": [ { "date": "2016-04-26 22:50:12.6069011 +0430 IRDT", "description": "narinin" }

select function doesn't work just get the array I want

CallMeLoki : I have a file like this { "_id": { "$oid": "570bc73da8ebd9005dd54de3" }, "title": "dota", "imgurl": "asd.com", "description": "", "hints": [ { "date": "2016-04-26 22:50:12.6069011 +0430 IRDT", "description": "narinin" }

select function doesn't work just get the array I want

CallMeLoki : I have a file like this { "_id": { "$oid": "570bc73da8ebd9005dd54de3" }, "title": "dota", "imgurl": "asd.com", "description": "", "hints": [ { "date": "2016-04-26 22:50:12.6069011 +0430 IRDT", "description": "narinin" }

Twitter Bootstrap modal doesn't work

Baig: I am new to Twitter Bootstrap. I am using the modal panel and it is not showing. It fades the screen, but the modal itself doesn't appear. I have checked the error console and there are no errors. My code is inside the <head>tag; I include the following

Twitter bootstrap modal background doesn't disappear

Paganotti I'm using Twitter to bootstrap a modal dialog. When I click the submit button of the bootstrap modal dialog it sends an AJAX request. My problem is that the modal background doesn't disappear. The "modal" dialog does disappear correctly, but leaves t

Twitter Bootstrap doesn't show gutter

Alexandru Garambu I'm using twitter bootstrap 3 to create a website template, and as far as I can tell, there are usually 15 px gutters on either side of a large monitor, but I don't have a gutter between the divs. <!DOCTYPE html> <html lang="en"> <head>

Twitter Bootstrap modal doesn't work

Baig: I am new to Twitter Bootstrap. I am using the modal panel and it is not showing. It fades the screen, but the modal itself doesn't appear. I have checked the error console and there are no errors. My code is inside the <head>tag; I include the following

Float doesn't work with Twitter-Bootstrap

mr santiago I'm looking for an answer, but every time I try to use the answer, I still don't get the desired result. I'm using bootstrap thumbnail elements and trying to make them float over each other like they do on a bootstrap website. Try stuffing them int

Twitter Bootstrap - Tabs - URL doesn't change

(· ((Ivanka Todorova) I'm using Twitter Bootstrap and its "tabs". I have the following code: <ul class="nav nav-tabs"> <li class="active"><a data-toggle="tab" href="#add">add</a></li> <li><a data-toggle="tab" href="#edit" >edit</a></li> <li><a data