├── LICENSE ├── README.md ├── bootstrap-pull.css ├── bootstrap-pull.less ├── composer.json └── package.json /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2014 Rajab Natshah 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Bootstrap Pull 3.1.1 2 | ============== 3 | 4 | Bootstrap pull for Twitter Bootstrap v3. 5 | 6 | To have pull-right and pull-left for Bootstrap v3 for xs, sm, md, lg media. 7 | This will help having some complex behavior for contents. 8 | 9 | pull-left-xs 10 | pull-right-xs 11 | pull-left-sm 12 | pull-right-sm 13 | pull-left-md 14 | pull-right-md 15 | pull-left-lg 16 | pull-right-lg 17 | 18 | ``` 19 | composer require natshah/bootstrap-pull 20 | ``` 21 | 22 | - Rajab Natshah 23 | - http://natshah.com 24 | -------------------------------------------------------------------------------- /bootstrap-pull.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Bootstrap pull 3.1.1 for Twitter Bootstrap v3. 3 | * 4 | * To have pull-right and pull-left to Bootstrap v3 for xs, sm, md, lg media. 5 | * This will help having some complex behavior for contents. 6 | * https://github.com/Natshah/bootstrap-pull 7 | * 8 | */ 9 | 10 | 11 | @media (max-width: 767px) { 12 | /** Pull left xs **/ 13 | .pull-left-xs { 14 | float: left; 15 | } 16 | 17 | /** Pull right xs **/ 18 | .pull-right-xs { 19 | float: right; 20 | } 21 | } 22 | 23 | @media (min-width: 768px) { 24 | /** Pull left sm **/ 25 | .pull-left-sm { 26 | float: left; 27 | } 28 | 29 | /** Pull right sm **/ 30 | .pull-right-sm { 31 | float: right; 32 | } 33 | } 34 | 35 | @media (min-width: 992px) { 36 | /** Pull left **/ 37 | .pull-left-md { 38 | float: left; 39 | } 40 | 41 | /** Pull right **/ 42 | .pull-right-md { 43 | float: right; 44 | } 45 | } 46 | 47 | @media (min-width: 1200px) { 48 | /** Pull left **/ 49 | .pull-left-lg { 50 | float: left; 51 | } 52 | 53 | /** Pull right **/ 54 | .pull-right-lg { 55 | float: right; 56 | } 57 | } 58 | -------------------------------------------------------------------------------- /bootstrap-pull.less: -------------------------------------------------------------------------------- 1 | /** 2 | * Bootstrap pull 3.1.1 for Twitter Bootstrap v3. 3 | * 4 | * To have pull-right and pull-left to Bootstrap v3 for xs, sm, md, lg media. 5 | * This will help having some complex behavior for contents. 6 | * https://github.com/Natshah/bootstrap-pull 7 | * 8 | */ 9 | 10 | 11 | @media (max-width: @screen-xs) { 12 | /** Pull left xs **/ 13 | .pull-left-xs { 14 | float: left; 15 | } 16 | 17 | /** Pull right xs **/ 18 | .pull-right-xs { 19 | float: right; 20 | } 21 | } 22 | 23 | @media (min-width: @screen-sm-min) { 24 | /** Pull left sm **/ 25 | .pull-left-sm { 26 | float: left; 27 | } 28 | 29 | /** Pull right sm **/ 30 | .pull-right-sm { 31 | float: right; 32 | } 33 | } 34 | 35 | @media (min-width: @screen-md-min) { 36 | /** Pull left **/ 37 | .pull-left-md { 38 | float: left; 39 | } 40 | 41 | /** Pull right **/ 42 | .pull-right-md { 43 | float: right; 44 | } 45 | } 46 | 47 | @media (min-width: @screen-lg-min) { 48 | /** Pull left **/ 49 | .pull-left-lg { 50 | float: left; 51 | } 52 | 53 | /** Pull right **/ 54 | .pull-right-lg { 55 | float: right; 56 | } 57 | } 58 | -------------------------------------------------------------------------------- /composer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "natshah/bootstrap-pull", 3 | "description": "Bootstrap pull for Twitter Bootstrap v3. To have pull-right and pull-left for Bootstrap v3 for xs, sm, md, lg media. This will help having some complex behavior for contents.", 4 | "type": "library", 5 | "homepage": "https://github.com/Natshah/bootstrap-pull", 6 | "license": "MIT", 7 | "authors": [ 8 | { 9 | "name": "Rajab Natshah", 10 | "homepage": "https://github.com/Natshah", 11 | "role": "Maintainer" 12 | } 13 | ], 14 | "support": { 15 | "issues": "https://github.com/Natshah/bootstrap-pull/issues", 16 | "source": "https://github.com/Natshah/bootstrap-pull.git" 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bootstrap-pull", 3 | "version": "3.1.1", 4 | "description": "Bootstrap pull for Twitter Bootstrap v3. To have pull-right and pull-left for Bootstrap v3 for xs, sm, md, lg media. This will help having some complex behavior for contents.", 5 | "dependencies": { 6 | "bootstrap": "^3.*" 7 | }, 8 | "devDependencies": { 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "https://github.com/Natshah/bootstrap-pull.git" 13 | }, 14 | "keywords": [ 15 | "bootstrap", 16 | "bootstrap3", 17 | "pull" 18 | ], 19 | "author": "Rajab Natshah ", 20 | "license": "MIT", 21 | "homepage": "http://natshah.com" 22 | } --------------------------------------------------------------------------------