html - It's possible to change the order of bootstrap col div in responsive? -

-

i have 3 col-md-4(1) col-md-4(2) col-md-4(3) in col-md-12. in mobile or tablet. want show middle col-md-4(2) first , col-md-4(1) col-md-4(3). how respect bootstrap?

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1q8mtjoasx8j1au+a5wdvnpi2lkffwweaa8hdddjzlplegxhjvme1fgjwpgmkzs7" crossorigin="anonymous">    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0msbjdehialfmubbqp6a4qrprq5ovfw37prr3j5elqxss1yvqotnepnhvp9aj7xs" crossorigin="anonymous"></script>    <div class="container">    <div class="row">      <div class="col-md-12">        <div class="col-md-4">            <p>abcd</p>        </div>        <div class="col-md-4">          <p>xyzs</p>        </div>        <div class="col-md-4">           <p>mnop</p>        </div>      </div>    </div>  </div>

reorder first 2 columns , use col-xx-push , col-xx-pull reposition on larger screens:

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">      <div class="container">    <div class="row">      <div class="col-md-12">        <div class="col-md-4 col-md-push-4">          <p>column 2</p>        </div>        <div class="col-md-4 col-md-pull-4">          <p>column 1</p>        </div>        <div class="col-md-4">          <p>column 3</p>        </div>      </div>    </div>  </div>

you can not use push , pull when columns full width (in case, below md) must have them in correct order in dom start with.


Comments

Post a Comment

Popular posts from this blog

libGdx unable to find files in android application data directory -

-
Image
i'm trying access data application's data directory. i'm able load default.fnt file, tells me associated default.png cannot found. how can system recognize file? there i've setup incorrectly? exception 07-07 22:22:52.467: e/androidruntime(10785): fatal exception: glthread 240 07-07 22:22:52.467: e/androidruntime(10785): com.badlogic.gdx.utils.gdxruntimeexception: couldn't load file: /data/data/com.iliadonline.client/files/data/gfx/fonts/default.png 07-07 22:22:52.467: e/androidruntime(10785): @ com.badlogic.gdx.graphics.pixmap.<init>(pixmap.java:140) 07-07 22:22:52.467: e/androidruntime(10785): @ com.badlogic.gdx.graphics.glutils.filetexturedata.prepare(filetexturedata.java:64) 07-07 22:22:52.467: e/androidruntime(10785): @ com.badlogic.gdx.graphics.texture.load(texture.java:175) 07-07 22:22:52.467: e/androidruntime(10785): @ com.badlogic.gdx.graphics.texture.create(texture.java:159) 07-07 22:22:52.467: e/androidruntime(10785): @ com....
Read more

php - Webix Data Loading from Laravel Link -

-
trying load data webix data table using following code. looks browser getting json data back, webix isn't doing data. no datatable shows up, can still see full json under network -> response tab in firefox inspector. valid way of loading data webix? <script type="text/javascript" charset="utf-8"> dtable = new webix.ui({ container:"box", view:"datatable", select:"row", scroll:"xy", leftsplit:3, url: "{{ url('/getcontacts') }}", datatype: "json" }); </script> specifically, question around whether url work route 'getcontacts' returns json object. after troubleshooting webix, determined yes. using "{{ }}" does work webix, case, g...
Read more

python - Consider setting $PYTHONHOME to <prefix>[:<exec_prefix>] error -

-
Image
i getting same error when python manage.py runserver. there no such error when have ubuntu 15.10. got started when upgraded ubuntu 16.04. question might duplicate have tried solution provided question have applied command dpkg --configure -a, have done apt-get update,upgrade,dist-upgrade, clean, -f install. have reinstalled python2.7 , python3 no success though. here screenshot while trying run django application i got after re-installing python please me? bashrc file # ~/.bashrc: executed bash(1) non-login shells. # see /usr/share/doc/bash/examples/startup-files (in package bash-doc) # examples # if not running interactively, don't case $- in *i*) ;; *) return;; esac export pythonhome="/usr/bin/python" echo $virtualenvwrapper_python echo 'tushant' # don't put duplicate lines or lines starting space in history. # see bash(1) more options histcontrol=ignoreboth # append history file, don't overwrite shopt -s histappend # setting h...
Read more