css - How can I debug twitter bootstrap v4-alpha grid? col-sm-offset-* not working -

-

i've changed something, somewhere , col-sm-offset-*s aren't working @ all. example, if wanted split screen in half, , display content on right hand side, use:

<div class="container">     <div class="row">         <div class="col-sm-6 col-sm-offset-6">             content isn't on right hand side, it's on left if col-sm-offset-6 isn't there.         </div>     </div> </div>

how can check what's wrong?

i'm using npm , laravel elixir (gulp) minify (make production ready) files , short of me copying entire css file here, don't know else do. there obvious? has come across before?

update

<div class="container">     <div class="row">         <div class="col-sm-6 col-sm-offset-6">             <div class="row">                 <form role="form" method="post" action="/register">                     <input type="hidden" name="_token" value="abcdefghij">                     <div class="col-xs-12">                         <fieldset class="form-group">                             <label for="username" class="form-control-label">username</label>                             <input name="username" type="text" class="form-control " id="username" placeholder="enter username" value="j">                         </fieldset>                     </div>                     <div class="col-sm-6">                         <fieldset class="form-group">                             <label for="first_name" class="form-control-label">first name</label>                             <input name="first_name" type="text" class="form-control " id="first_name" placeholder="enter first name" value="john">                         </fieldset>                     </div>                     <div class="col-sm-6">                         <fieldset class="form-group">                             <label for="last_name" class="form-control-label">last name</label>                             <input name="last_name" type="text" class="form-control " id="last_name" placeholder="enter last name" value="appleseed">                         </fieldset>                     </div>                     <div class="col-sm-6">                         <fieldset class="form-group">                             <label for="email" class="form-control-label">email address</label>                             <input name="email" type="email" class="form-control " id="email" placeholder="enter email address" value="j@a.com">                         </fieldset>                     </div>                     <div class="col-sm-6">                         <fieldset class="form-group">                             <label for="password" class="form-control-label">password</label>                             <input name="password" type="password" class="form-control " id="password" placeholder="enter password" value="password">                         </fieldset>                     </div>                     <div class="col-sm-6">                         <fieldset class="form-group">                             <label for="password_confirmation" class="form-control-label">confirm password</label>                             <input name="password_confirmation" type="password" class="form-control " id="password_confirmation" placeholder="please confirm password" value="password">                         </fieldset>                     </div>                     <div class="col-sm-6">                         <div class="form-group">                             <button type="submit" class="btn btn-primary pull-right">register</button>                         </div>                     </div>                 </form>             </div>         </div>     </div> </div>

web inspector

web inspector

css computed properties

css computed properties

update 2

i've submitted issue on github may have been intentional.

the current correct offset class bootstrap v4 alpha: 

 class="col-md-6 offset-md-3"

Comments

Post a Comment

Popular posts from this blog

java - Run spring boot application error: Cannot instantiate interface org.springframework.context.ApplicationListener -

-
i have spring project , try make use spring boot , run @ embadded tomcat following : https://spring.io/guides/gs/rest-service/ this application //@configuration //@enableaspectjautoproxy @springbootapplication @componentscan(basepackages = "gux.prome") public class application { public static void main(string[] args) { springapplication.run(application.class, args); } } if use maven command: mvn spring-boot:run , project starts fine, need debug , run main method @ intelij, exception occurs: exception in thread "main" java.lang.illegalargumentexception: cannot instantiate interface org.springframework.context.applicationlistener : org.springframework.boot.logging.classpathloggingapplicationlistener @ org.springframework.boot.springapplication.createspringfactoriesinstances(springapplication.java:414) @ org.springframework.boot.springapplication.getspringfactoriesinstances(springapplication.java:394) @ org.springframework.bo...
Read more

reactjs - React router and this.props.children - how to pass state to this.props.children -

-
i'm using react-router first time , don't know how think in yet. here's how i'm loading components in nested routes. entry point .js reactdom.render( <router history={hashhistory} > <route path="/" component={app}> <route path="models" component={content}> </route> </router>, document.getelementbyid('app') ); app.js render: function() { return ( <div> <header /> {this.props.children} </div> ); } so child of app content component sent in. i'm using flux , app.js has state , listens changes, don't know how pass state down this.props.children. before using react-router app.js defines children explicitly, passing state natural don't see how now. using couple of react helper methods can add state, props , whatever else this.props.children render: function() { var children = react.ch...
Read more

Excel VBA "Microsoft Windows Common Controls 6.0 (SP6)" Location Changes -

-
i have excel workbook used generate quotations customers. there main page user inputs data, , there buttons generate various pdfs , send them customer. however, 1 user consistently getting error preventing generating , sending pdfs. i beleive "microsoft windows common controls 6.0 (sp6)". it's installed on users' computers. on mine, location "c:\windows\syswow64\mscomctl.ocx" on others "c:\windows\system32\mscomctl.ocx" the user experiencing issues on 32-bit machine, "mscomctl.ocx" file should in system32. have manually put in there, , pointed common controls reference in vba it. issue seems keep reverting looking in syswow64. since folder doesn't exist, can't find it, , can't produce pdfs. i thought perhaps issue user running older version of office (2007) there users on 2013 , 2016. thought perhaps mixture of 64-bit , 32-bit users. user gets sent workbook other users (as quotation process goes further, gets passed ...
Read more