to moderates reading message had asked in thread told post stand alone question. not intention cluter forum
my twitter bootstrap container shifted left reason. there way make take whole screen despite resolution? when use .container-fluid, seems shrink overall container (even when add .row-fluid rows).
my alerts not increasing in width. alert (background color , all) width of container. in link below "if ad login edit" span whole container. when try .span12 shifts alert. width:100%; nothing help. when press login , login error occurs error shown @ far left instead of right on top of login form.
** concerning items 2 , 3 refer link https://twitter.com/hassannsaid/status/355797180063301632/photo/1 ** requested code
<div class="container-fluid"> <div class="row well"> <?php loginfunc(); minilogo(); searchfunc(); otheroptions(); ?> </div> <div class="row"> <center> <?php if(isset($_get['error_with_new_title'])){ echo'<span class="alert-error">'.$_get['error_with_new_title'].'</span>'; }elseif(isset($_get['success_with_new_title'])){ echo'<span class="alert-success">'.$_get['success_with_new_title'].'</span>'; }elseif(isset($_get['error_with_new_vitals'])){ echo'<span class="alert-error">'.$_get['error_with_new_vitals'].'</span>'; }elseif(isset($_get['success_with_new_vitals'])){ echo'<span class="alert-success">'.$_get['success_with_new_vitals'].'</span>'; }elseif(isset($_get['error_with_new_description'])){ echo'<span class="alert-error">'.$_get['error_with_new_description'].'</span>'; }elseif(isset($_get['success_with_new_description'])){ echo'<span class="alert-success">'.$_get['success_with_new_description'].'</span>'; }else{ echo'<span class="alert">if ad please log in edit it!</span>'; } ?> </center> </div> <div class="row page-header text-center"> <?php if(isset($_session['id'])){ $i = $_session['id']; printadtitle($i); }else{ $i = 0; printadtitle($i); } ?> </div> <div class="imagesandvitals"> <div class="row span9"> <center> <? printadimages($_get['id']); ?> </center> </div> <div class="row tabbable span6" style="height:374px;"> <ul class="nav nav-tabs"> <li class="active"><a href="#advitalspane" data-toggle="tab"> ad vitals</a></li> <li><a href="#contactuserpane" data-toggle="tab">contact seller</a></li> </ul> <div class="contactvitalsdiv"> <div class="tab-content"> <div class="tab-pane active" id="advitalspane"> <?php if(isset($_session['id'])){ $i = $_session['id']; printadvitals($i); }else{ $i = 0; printadvitals($i); } ?> </div> <div class="tab-pane" id="contactuserpane"> <?php if(isset($_session['id'])){ $i = $_session['id']; printadcontactform($i); }else{ $i = 0; printadcontactform($i); } ?> </div> </div> <div class="ratingform"> <?php $adid = $_get['id']; printratingform($adid); ?> </div> </div> </div> </div> <div class="row text-center descriptiondiv"> <?php if(isset($_session['id'])){ $i = $_session['id']; printaddescription($i); }else{ $i = 0; printaddescription($i); } ?> </div> <div class="row"> <div class="tabbable"> <ul class="nav nav-tabs"> <li class="active"> <a href="#similaritmespane" data-toggle="tab">similar items</a> </li> <li> <a href="#otheruseritemspane" data-toggle="tab">user's other items</a> </li> </ul> <div class="tab-content"> <div class="tab-pane active" id="similaritmespane"> <? printsimilaritems(); ?> </div> <div class="tab-pane" id="otheruseritemspane"> <? printotheritems(); ?> </div> </div> </div> </div> </div>
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"></meta> <title>scoopclassifieds.com - test4 posted under electronics/laptop</title> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/bootstrap.js"></script> <script type="text/javascript" src="js/bootstrap-carousel.js"></script> <script type="text/javascript" src="js/bootstrap-tooltip.js"></script> <script type="text/javascript" src="js/bootstrap-popover.js"></script> <script type="text/javascript" src="js/editformvalidation.js"></script> <link rel="stylesheet" href="css/bootstrap.css" type="text/css" /> <link rel="stylesheet" href="css/customstyles.css" type="text/css" /> </head> <body onload="addoption_list();"> <div class="container-fluid"> <div class="row well"> <form class="form-inline pull-right" action="controllers/login.php" method="post"> <input type="text" name="email" id="email" placeholder="email" class="span2" /> <input type="password" name="password" id="password" placeholder="●●●●●●●●" class="span2" /> <input type="submit" name="login" id="login" value="login" class="btn" /> </form> <img src="/scoopclassifieds/slir/w300-h200-q60/scoopclassifieds/images/scoop3.png" alt="minilogo" /> <form action="search.php" method="get" name="search_form" id="search_form" class="form-search pagination-centered"> <input type="text" name="searchfor" id="searchfor" class="searchinput span10" /> <input type="text" name="min" id="min" placeholder="min price" class="span2 text-center" /> <input type="text" name="max" id="max" placeholder="max price" class="span2 text-center" /> <input type="text" name="location" id="location" class="span2 text-center" /> <button type="submit" class="btn">search</button> </form> <ul class="nav nav-pills"> <li><a href="add.php" class="otheradd">add</a></li> <li><a href="browse.php" class="otherbrowse">browse</a></li> </ul> </div> <div class="row"> <center> <span class="alert">if ad please log in edit it!</span> </center> </div> <div class="row page-header text-center"> <div id="item_title"><br/><span style="font-size:35px; font-weight:bold;">test4</span></div> </div> <div class="imagesandvitals"> <div class="row span9"> <center> <div id="mycarousel" class="carousel span8"> <div class="carousel-inner"> <img src="/scoopclassifieds/slir/w500-h374-q60//classy/images/6/test4/61ec8sfyzol._ss500_.jpg" id="0" alt="image0" class="item active" /> <img src="/scoopclassifieds/slir/w500-h374-q60//classy/images/6/test4/0176440763.jpg" id="1" alt="image1" class="item" /> </div> <a class="carousel-control left" href="#mycarousel" data-slide="prev">‹</a> <a class="carousel-control right" href="#mycarousel" data-slide="next">›</a> </div> </center> </div> <div class="row tabbable span6" style="height:374px;"> <ul class="nav nav-tabs"> <li class="active"><a href="#advitalspane" data-toggle="tab"> ad vitals</a></li> <li><a href="#contactuserpane" data-toggle="tab">contact seller</a></li> </ul> <div class="contactvitalsdiv"> <div class="tab-content"> <div class="tab-pane active" id="advitalspane"> <span class="well span5" style="font-size:30px; color:white; text-align:center; background:#bc4f0f;">$124</span><br/> <span style="font-size:16px; font-weight:bold;">location:</span><span style="font-size:14px;">ottawa</span><br/> <span style="font-size:16px; font-weight:bold;">category:</span><span style="font-size:14px;">electronics</span><br/> <span style="font-size:16px; font-weight:bold;">sub-category:</span><span style="font-size:14px;">laptop</span> </div> <div class="tab-pane" id="contactuserpane"> <form action="" method="post"> <label>email:</label> <input type="text" name="email" id="email" value="" class="viewinput" /><br/> <label>message:</label><br/> <textarea rows="4" cols="50" name="message" id="message" class="input"></textarea><br/> <input type="submit" name="contactuser" id="contactuser" value="contact user" class="button" /> </form> </div> </div> <div class="ratingform"> <div class="modal hide fade" id="userfeedback" aria-hidden="true"> <div class="modal-header"> <h4>give feedback user</h4> </div> <div class="modal-body"> <form> <h5>the good</h5> <input type="radio" name="feedback" value="good1">good1<br/> <input type="radio" name="feedback" value="good2">good2<br/> <input type="radio" name="feedback" value="good3">good3<br/><br/> <input type="submit" name="givefeedback" id="givefeedback" class="btn btn-success" value="give feedback" /> </form> </div> <div class="modal-footer"> <input type="button" class="btn" data-dismiss="modal" value="close" /> </div> </div> <a href="#userfeedback" class="btn" data-toggle="modal">give feedback</a> </div> </div> </div> </div> <div class="row text-center descriptiondiv"> <span class="page-header descriptionheader">description:</span><br/><div id="item_description">"but must explain how mistaken idea of denouncing pleasure , praising pain born , give complete account of system, , expound actual teachings of great explorer of truth, master-builder of human happiness. no 1 rejects, dislikes, or avoids pleasure itself, because pleasure, because not know how pursue pleasure rationally encounter consequences extremely painful. nor again there lov</div> </div> <div class="row"> <div class="tabbable"> <ul class="nav nav-tabs"> <li class="active"> <a href="#similaritmespane" data-toggle="tab">similar items</a> </li> <li> <a href="#otheruseritemspane" data-toggle="tab">user's other items</a> </li> </ul> <div class="tab-content"> <div class="tab-pane active" id="similaritmespane"> <h4>ads similar category of: electronics</h4><ul class="thumbnails"> <li class="span4"><a href="view.php?id=2&title=test3" class="thumbnail" style="height:235px; width:300px;" id="secondary-info" rel="popover" data-content="lorem ipsum dummy text of printing , typesetting industry. lorem ipsum has been industry's standard dummy text ever since the..." data-original-title="price: $1234<br/>location: ottawa<br/>electronics/television"> <center>test3</center> <img src="/scoopclassifieds/slir/w300-h200-q60/" alt="test3mainimage" /> </a></li> <li class="span4"><a href="view.php?id=24&title=test21" class="thumbnail" style="height:235px; width:300px;" id="secondary-info" rel="popover" data-content="there many variations of passages of lorem ipsum available, majority have suffered alteration in form, injected humour, or..." data-original-title="price: $1245<br/>location: ottawa<br/>electronics/laptop"> <center>test21</center> <img src="/scoopclassifieds/slir/w300-h200-q60/" alt="test21mainimage" /> </a></li> </ul> </div> <div class="tab-pane" id="otheruseritemspane"> <ul class="thumbnails"> <li class="span4"><a href="view.php?id=2&title=test3" class="thumbnail" style="height:235px; width:300px;" id="secondary-info" rel="popover" data-content="lorem ipsum dummy text of printing , typesetting industry. lorem ipsum has been industry's standard dummy text ever since the..." data-original-title=" price: $1234<br/> location: ottawa<br/>electronics/television"> <center>test3</center> <img src="/scoopclassifieds/slir/w300-h200-q60/" alt="test3mainimage" /> </a></li> </ul> </div> </div> </div> </div> </div> <!-- </div> <div class="footer"> <a href="index.php" class="footerhome">home</a> | <a href="contact.php" class="footercontact">contact us</a><br/> scoop classifieds © 2013 </div> </div> --> </body> <script> $(document).ready( function(){ $('#mycarousel').carousel(); $('[rel="popover"]').popover(); } ); </script> </html> 
Comments
Post a Comment