html - Bootstrap 3.0 Height 100% not working -

-

i've set need 100% to 100% height sidebar still refuses got bottom of page when using bootstrap 3.0. i've used -9999px trick knocks out dropdown have in navigation above can't use fix.

what i've tried instead is:

<div class="row-fluid fill">     <nav class="col-lg-2 fill">        <a class="btn btn-link" href="#"><span class="glyphicon glyphicon-piggy-bank navicon" aria-hidden="true"></span> animal care</a><br />        <a class="btn btn-link" href="#"><span class="glyphicon glyphicon-user navicon" aria-hidden="true"></span> customers</a><br />        <a class="btn btn-link" href="#"><span class="glyphicon glyphicon-gift navicon" aria-hidden="true"></span> donations</a><br />        <a class="btn btn-link" href="#"><span class="glyphicon glyphicon-calendar navicon" aria-hidden="true"></span> events</a><br />        <a class="btn btn-link" href="#"><span class="glyphicon glyphicon-screenshot navicon" aria-hidden="true"></span> marketing</a><br />        <a class="btn btn-link" href="#"><span class="glyphicon glyphicon-briefcase navicon" aria-hidden="true"></span> staff mangement</a><br />        <a class="btn btn-link" href="#"><span class="glyphicon glyphicon-globe navicon" aria-hidden="true"></span> web maintenance</a><br />        <a class="btn btn-link" href="#"><span class="glyphicon glyphicon-shopping-cart navicon" aria-hidden="true"></span> products & stock</a><br />     </nav>     <div class="col-lg-10 content fill">        <h1>dashboard</h1>        <ul class="breadcrumb">           <li class="active">home</li>        </ul>        <div class="row-fluid">           <div class="col-lg-4 zookeeper excount">              10           </div>           <div class="col-lg-4 birdofprey excount">              10           </div>           <div class="col-lg-4 otherex excount">              1           </div>        </div>        <div class="row-fluid">           <div class="col-lg-4 exlabel">              zoo keeper experiences           </div>           <div class="col-lg-4 exlabel">              bird of prey experiences           </div>           <div class="col-lg-4 exlabel">              other events           </div>        </div>        <div class="row-fluid">           <div class="col-lg-12 dashtoday">              <h2>today - 17th march 2015</h2>                 <div role="tabpanel">                    <ul class="nav nav-tabs" role="tablist" id="dashtabs">                       <li role="presentation" class="active"><a href="#todo" aria-controls="todo" role="tab" data-toggle="tab">to-do</a></li>                       <li role="presentation"><a href="#keeperlog" aria-controls="keeperlog" role="tab" data-toggle="tab">keeper log</a></li>                    </ul>                    <div class="tab-content">                       <div role="tabpanel" class="tab-pane fade in active" id="todo">                          <ul class="nav nav-pills nav-stacked dashtodo">                             <li class="active todoitem">                                <a href="#">to-do item outstanding</a>                             </li>                             <li class="active todoitem">                                <a href="#">to-do item outstanding</a>                             </li>                             <li class="disabled">                                <a href="#">to-do item complete</a>                             </li>                             <li class="active todoitem">                                <a href="#">to-do item outstanding</a>                             </li>                             <li class="active todoitem">                                <a href="#">to-do item outstanding</a>                             </li>                             <li class="active todoitem">                                <a href="#">to-do item outstanding</a>                             </li>                          </ul>                       </div>                       <div role="tabpanel" class="tab-pane fade" id="keeperlog">                          <ul class="nav nav-pills nav-stacked dashtodo">                             <li class="active todoitem">                                <a href="#">to-do item outstanding</a>                             </li>                             <li class="disabled">                                <a href="#">to-do item complete</a>                             </li>                             <li class="disabled">                                <a href="#">to-do item complete</a>                             </li>                          </ul>                       </div>                    </div>                 </div>              </div>           </div>        </div>     </div>

and css i've added boostrap height is: 

html, body {     height: 100%; }  .fill {      min-height: 100%;     height: 100%; }

the culprit form tag has been inserted automatically asp.net render controls. simple fix change css to:

html, body, form {     height: 100%; }  .fill {      min-height: 100%;     height: 100%; }

the height works expected


Comments

Post a Comment

Popular posts from this blog

java - Could not locate OpenAL library -

-
i writing game using slick2d library, uses lwjgl. lwjgl version 2.9.3. using netbeans 8. i tried adding sounds game, example music track on main menu. problem is, exception when run game, despite game still compiling , running except sound of course: sat mar 21 01:23:57 edt 2015 error:could not locate openal library. org.lwjgl.lwjglexception: not locate openal library. @ org.lwjgl.openal.al.create(al.java:156) @ org.lwjgl.openal.al.create(al.java:156) @ org.lwjgl.openal.al.create(al.java:102) @ org.lwjgl.openal.al.create(al.java:206) @ org.newdawn.slick.openal.soundstore$1.run(soundstore.java:295) @ java.security.accesscontroller.doprivileged(native method) @ org.newdawn.slick.openal.soundstore.init(soundstore.java:292) @ org.newdawn.slick.music.<init>(music.java:156) @ org.newdawn.slick.music.<init>(music.java:75) @ view.mainmenu.init(mainmenu.java:58) i didn't include rest of error states error happens in game code. the...
Read more

c++ - Delete matches in OpenCV (Keypoints and descriptors) -

-
i want check scene image against 2 train images. that, detect features , compute descriptors of both training images. before detecting, computing , matching scene image, delete matches of train1 , train2. because these matches won't facilitate matching of scene image train1 , train2. so, match train1 train2 , vector of matches trainidx , queryidx. how can delete these matches in keypoints-vector , descriptor matrix of train1 , train2? best regards, dwi i have done below: std::vector<cv::keypoint> keypoints[2]; cv::mat descriptor[2]; std::vector< cv::dmatch > matches; /* write code generate keypoints, descriptors , matches here... keypoint[0] -> train image 1 keypoints keypoint[1] -> train image 2 keypoints descriptor[0] -> train image 1 descriptors descriptor[1] -> train image 2 descriptors matches -> matched between train image 1 , 2 */ // logic keep unmatched keypoints , corresponding descriptor...
Read more

sorting - opencl Bitonic sort with 64 bits keys -

-
i used nvidia sdk bitonic sort , works great me. 32 bits (uint) need ulong keys. have typically 2^14 keys @ time , power of 2. searched on not find kernel designed ulong. i tried modified nvidia sdk bitonic sort using ulong keys not work. kernel not crash after de call clenqueuendrangekernel got error : cl_invalid_command_queue can tell me how modify bitonic sort or radixsort, or can sort ulong keys? i running nvidia quadro 4000 opencl 1.1 cuda 6.5.20 full_profile used original nvidia sdk bitonicsort.cl i used"ulong" keys , value input , ouput instead of "uint" thanks helping i made work-around suit need. used 30 bits of key , 18 high bits of value sorting. changed comparators (2 lines): '#define mask 0xffffc000 // suit need from this: if( (*keya > *keyb) == dir ) this: if(((*keya > *keyb)||((*keya == *keyb)&&((*vala & mask)> (*valb & mask)))) == dir ) it works fine. but, still, it's work-a...
Read more