html - Bootstrap Panels not Aligned -



html - Bootstrap Panels not Aligned -

i'm trying correctly align multiple columns , rows of bootstrap panels.

sorry if simple question, i'm new bootstrap , new css+html.

here's code 1 panel;

<div class="row"> <div class="col-sm-3"> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">overall</h3> </div> <div class="panel-body"> panel body. </div> </div> </div>

duplicate this, , 2 side side. however, if add together </div> @ end, next 1 appears on new line, out of alignment. want similar layout this;

x x x x x x x x x x x x x x x x

here's screenshot of how looks when out of alignment: http://i.imgur.com/t030kvu.png

thanks help can give, i'm sure it's simple.

i don't see issue. markup seems fine me. set panels in new row if want new row :)

<div class="row"> <div class="col-sm-3"> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">overall</h3> </div> <div class="panel-body">panel body.</div> </div> </div> </div> <div class="row"> <div class="col-sm-3"> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">overall</h3> </div> <div class="panel-body">panel body.</div> </div> </div> </div>

see simple fiddle: http://jsfiddle.net/anup1986/4m0xfzz2/

html css twitter-bootstrap

Comments

Post a Comment

Popular posts from this blog

php - Edges appear in image after resizing -

php - Edges appear in image after resizing - i have implemented next function: private static function generatepicture($sizekey, $src, $initialwidth, $initialheight, $imagetype) { $destination = adimage::addsizekey($sizekey, $src); if (file_exists($destination)) { return; } $finalsize = adimage::$sizes[$sizekey]; $initialratio = $initialwidth / $initialheight; $finalratio = $finalsize["w"] / $finalsize["h"]; $newimage = imagecreatetruecolor($finalsize["w"], $finalsize["h"]); imagealphablending( $newimage, false ); imagesavealpha( $newimage, true ); $oldimage = imagecreatefromstring(file_get_contents($src)); if ($initialratio >= $finalratio) { $scale = $finalsize["h"] / $initialheight; $surpluss = abs($initialwidth - ($initialheight * $finalratio)); imagecopyresized($newimage, $oldimage, 0, 0, $surpluss / 2, 0, $finalsize["w"], $finalsize[&q
Read more

ios8 - iOS custom keyboard - preserve state between appearances -

ios8 - iOS custom keyboard - preserve state between appearances - i'm having performance problems custom keyboard i'm working on. loading words in spell correction tree takes quite bit of time. seems done each time keyboard appears - there way preserve state of keyboard? apps can suspend / resume etc - can't find documentation on how extensions, or if there's mechanism doing att all. thanks! you loading dictionary net or disk? first case nsuserdefaults, encoding (nscopying) options store info. can load in background. according docs, os typically kills extension process, so, think there no way prevent keyboard objects deallocation (you may utilize nskeydarchiver). ios8 ios-app-extension custom-keyboard
Read more

Delphi change the assembly code of a running process -

Delphi change the assembly code of a running process - i'm trying alter address 00741fa5 has push test.009e721c . alter push test.009e71c8 . procedure callback; asm force $9e71c8 end; procedure tform2.btn1click(sender: tobject); var ppid :dword; pprocess : cardinal; begin getwindowthreadprocessid(findwindow(nil,pchar('test')), @ppid); pprocess := openprocess(process_all_access, false, ppid); injectasm(pprocess, $741fa5, 10, integer(@callback), 0); end; here injectasm function (with error checking) function injectasm(process: longword; injectaddress, injectsize, codeaddress, codesize : integer): pointer; var csize, rsize : integer; replaced : array of byte; jmp : array [0..4] of byte; jmpaddress : integer; nopv : byte; : integer; nbr: ulong_ptr; begin //injectsize must equal or greater 5, because need space our //(far) jmp wwxxyyzz instruction //if there's no space, inject in place of few instructions if injectsize &
Read more