css - twitter bootstrap 3 columns not centering correctly -



css - twitter bootstrap 3 columns not centering correctly -

i have checked , cannot figure out why columns not centering correctly.

here image show you: http://imgur.com/8apolrq

as can see yellowish column on far right has more space between container far left side. thought columns have checked margins, troubleshooted , cannot figure out why.

here code:

<div class="container-fluid wrapper"> <div class="row"> <div class="header"> <div class="col-xs-12 col-sm-6 col-lg-3"> <a href="{{ url::route('home') }}"> <div class="header_group"> <img src="../../images/logo.png"> </div><!--header grouping --> </a> </div> <div class="col-xs-12 col-sm-6 col-lg-3"></div> <div class="col-xs-12 col-sm-6 col-lg-3"> </div> <div class="col-xs-12 col-sm-6 col-lg-3"> @include('layout.navigation') </div> </div><!-- main header --> </div><!-- row --> <h2 class="center2">how works</h2><br /> <div class="process"> <div class="col-md-12"> <div class="row"> <div class="col-xs-12 col-sm-6 col-lg-4"> 1 </div> <div class="col-xs-12 col-sm-6 col-lg-4"> <p>watch video if don't read</p> <div class="advert_video"> <div class="embed-responsive embed-responsive-4by3"> <iframe class="embed-responsive-item" src="http://youtube/fr6igzslebg"></iframe> </div> </div> </div> <div class="col-xs-12 col-sm-6 col-lg-4"> 3 </div> </div> <div class="row content"> <div class="col-xs-12 col-sm-8 col-lg-4"> <div class="col-md-4 process1"> <h2 class="center">start<br /> apologizing</h2> <br /> <p> create , account. takes 45 seconds. first month free! month after $9.99 20 apologies. </p> <p> send friend taylored apology. </p> <input class="btn btn-primary btn-block" type="submit" name="submit" value="start apologizing"> </div> </div><!-- col 8 --> <div class="col-xs-12 col-sm-8 col-lg-4"> <div class="col-md-4 process2"> <h2 class="center">send apology</h2> <p> <ol> <li>invite friend want apologize to.</li> <li>wait friend respond, can send them apology.</li> <li>you can pick list of trendy apologies or create custom one.</li> </ol> </div> </div> <div class="col-xs-12 col-sm-8 col-lg-4"> <div class="col-md-4 process3"> <h2 class="process_text">hug out</h2> <p> when friend recieves apology sent , memakemistake can text 1 of 3 responses. <ol> <li>not now</li> <li>maybe</li> <li>forgiven</li> </ol> <p> recieve reply via text , on memakemistake.com </p> </div> </div> </div> </div> </div><!-- process --> <div class="footer">all rights reserved</div> </div><!-- container -->

css twitter-bootstrap

Comments

Post a Comment

Popular posts from this blog

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

java - Parsing XML, skip certain tags -

java - Parsing XML, skip certain tags - i next mkyong's great tutorial on how parse xml in java, have situation need read tags within area. e.g. <?xml version="1.0"?> <company> <staff id="1001"> <firstname>yong</firstname> <lastname>mook kim</lastname> <nickname>mkyong</nickname> <salary>100000</salary> </staff> <staff id="2001"> <firstname>low</firstname> <lastname>yin fong</lastname> <nickname>fong fong</nickname> <salary>200000</salary> </staff> <changes> <staff id="2001"> <firstname>low</firstname> <lastname>yin fong</lastname> <nickname>fong fong</nickname> <old_salary>175000</salary> <ne
Read more

c# - ASP.NET MVC Sequence contains no matching element -

c# - ASP.NET MVC Sequence contains no matching element - i new asp.net mvc. have finished project unusual issue appeared in project. as seek run project error message. an exception of type 'system.invalidoperationexception' occurred in entityframework.dll not handled in user code additional information: sequence contains no matching element in 1 of controller using statement below groups display in dropdownlist. http://localhost....../clients (trying run page) , getting error on line containing code below. viewbag.groupdropdownvalues = new selectlist(db.groups.orderby(m => m.groupid), "groupid", "groupname"); or other controller: viewbag.categorydropdownvalues = new selectlist(db.category.orderby(m => m.categoryid), "categoryid", "categoryname"); this happening in controllers using syntax. i need display dropdownlists values database. working correctly till morning. don't have thought changed ,
Read more