css - Stretching a div across the width of the screen in bootstrap -

-

i wish stretch div blue across width of screen used inside container class in bootstrap. here's code

<div class='container'>     <img src="http://lorempixel.com/175/80/sports/1" width="230" height="70" class="pull-left" />     <div class='clearfix'></div>     <div class= 'padding-top'></div>     <div class="blue"></div>     <div class="padding-bottom"></div>

here's css blue div

.blue{     border-top:3px solid #8dbf43;     width:100% !important; }

but directive doesn't seem working, still contained inside container.

in order stretch :

james answer usefull : https://stackoverflow.com/a/22556241/2454790

bootply : http://www.bootply.com/123651

css :

.blue{     border-top:3px solid #8dbf43;     width:100% !important;   height:200px;            // <-- height of div   background:blue;   position: absolute;     // <-- important    left:0;                 // <-- make div begin @ left   color:white;   padding-left:15px;      // <-- remove bootstrap padding parent (-15px)   padding-right:15px; }  .padding-bottom{   margin-top:200px;      // <-- make margintop same height of .blue     height:200px;   background:yellow;   }

html : sames given


Comments

Post a Comment

Popular posts from this blog

c# - SelectList with Dictionary, add values to the Dictionary after it's assigned to SelectList -

-
i have following code - dictionary<string, string> mydict = new dictionary<string, string>(); mydict.add("keya", "valuea"); mydict.add("keyb", "valueb"); ienumerable<selectlistitem> myselectlist = new selectlist(mydict, "key", "value") further down in program, want add values mydict . possible? if yes, how? want - myselectlist.mydict.add("keyc", "valuec"); if you're wanting add items mydict, possible, , changes reflected in of myselectlist 's enumerations long changes made before enumeration (e.g. using .tolist() ) generated. as worked example: dictionary<string, string> mydict = new dictionary<string, string>(); mydict.add("keya", "valuea"); mydict.add("keyb", "valueb"); ienumerable<selectlistitem> myselectlist = new selectlist(mydict, "key", "value...
Read more

mysqli - Php Mysqli_fetch_assoc Error : "Warning: Illegal string offset 'name' in" -

-
this question has answer here: php mysqli returns 1 row 3 answers warning: illegal string offset 'name' in c:\xampp\htdocs\connection\index.php on line 31 1", please can me. <?php include('config.php'); $conn = mysqli_connect(db_host, db_user, db_pass, db_name); $sql = "select * users"; $result = mysqli_query($conn, $sql); $rows = mysqli_fetch_assoc($result); ?> and in body tag <?php foreach ($rows $row) { echo $row['name']; }?> you should use mysqli_fetch_all() here rows within $rows @ once. $sql = "select * users"; $result = mysqli_query($conn, $sql) or die(mysqli_error($conn); $rows = mysqli_fetch_all($result); echo "<pre>"; print_r($rows); // check result
Read more

javascript - Chart.js - setting tooltip z-index -

-
http://jsfiddle.net/gmannib/j2mwpj43/7/ ^ see sample fiddle above. notice how tooltips piechart go underneath "earth" icon have in middle there? there way set z-index property of tooltips above earth icon? thought work? race.tooltip.style.zindex = "5"; i'm still learning...thank kind help! just give higher z-index value canvas , done. see demo . css code canvas#race{position:relative; z-index:1;}
Read more