Different layout with different screen size with bootstrap 3
matus
I want to achieve 2 different layouts for the same content with bootstrap 3. Let's say I have div1 orange, div2 blue and div3 green. Is it possible to arrange them as on screenshot so in the 2nd layout the green div will be in same row as orange div?
Zim
You can do something like this..
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-9 one">1</div>
<div class="col-xs-3 col-sm-3 two pull-right">2</div>
<div class="col-xs-9 col-sm-9 three pull-left">3</div>
</div>
</div>
Collected from the Internet
Please contact [email protected] to delete if infringement.
edited at
- Prev: C Compiler differences for iOS and Android development
- Next: Passing data between two Fragments in a VIewPager (Android) (NullPointerException)
Related
Related Related
- 1
Different layout for different screen size
- 2
Bootstrap Different input size different screen size
- 3
bootstrap3 different button size for mobile than for screen
- 4
How to display divs in a different order depending on screen size in Bootstrap 3?
- 5
Android Absolute Layout with different screen size
- 6
How to know screen Size to different layout in android
- 7
android constrain layout support different screen size
- 8
Bootstrap 3 and different grid layout
- 9
Twitter Bootstrap 3: different CSS for different size
- 10
Different Screen Size bootstrap Navbar center alignment
- 11
3 Divs with different percentage of screen size that scale
- 12
layout for different screen sizes
- 13
Styling website for different screen sizes with Bootstrap 3
- 14
Styling website for different screen sizes with Bootstrap 3
- 15
Layout weight not working properly in different screen size devices
- 16
Different screen size issues
- 17
Different screen size issues
- 18
How to arrange columns position and order on different screen size on Bootstrap?
- 19
How to make sections in Bootstrap different heights, depending on screen size
- 20
Calculator app different layout on same screen size but different DPI (420 DPI vs 480 DPI)
- 21
DP is display different layout in different screen
- 22
android layout at different screen sizes
- 23
UICollectionViewCell - different layout for different size classes
- 24
CSS different properties on different screen size
- 25
different click actions for different screen size
- 26
CSS different properties on different screen size
- 27
Strings on different screen size with different languages
- 28
Clear toggle() on different screen size
- 29
change text on different size screen
Comments