twitter-bootstraptwitter-bootstrap-3liferay-theme
Reformat columns mobile desktop Bootstrap 3
I'm making a website with Bootstrap 3. I have the following question: columns and then I have code that I show.
http://www.bootply.com/WASQQyGR8z
What I need is to transform this mobile mode "attached image" which is all on one line. How is possible??
I attached the code that I have right now.
Thank you!
Greetings from Spain
Solution
col-xs is for mobile size devices. Use col-xs-12 to make a column full width on a mobile device.
The documentation for bootstrap is very good. You should take a look. http://getbootstrap.com/css/#grid-options
For the boxes inside you just use a nested .row and col-xs classes to suit. Again there is good documentation on this. http://getbootstrap.com/css/#grid-nesting
- How can I remove border from Bootstrap buttons?
- Bootstrap Static Column Width
- Particles.js canvas does not work when positioned in other Bootstrap carousel slide position
- Make Bootstrap Popover Appear/Disappear on Hover instead of Click
- ngx-bootstrap doesn't support moduleless approach
- How to add Font Awesome icon into <input> button?
- How to reload page on closing a Bootstrap 3 modal
- How to adjust list item vertical position to match custom bullet image?
- Google Maps Autocomplete Result in Bootstrap Modal Dialog
- How to close bootstrap dropdown menu on button click?
- Bootstrap button tooltip hide on click
- Can I check if Bootstrap Modal Shown / Hidden?
- Close Bootstrap Modal
- How to properly design a row in bootstrap
- Select2 doesn't work when embedded in a bootstrap modal
- How to automatically center the grid's row contents when changing the screen size
- Bootstrap footer doesn't stick to the bottom of the page
- Use parent div size for Bootstrap responsive grid system
- Rails 5: Bootstrap not styled properly
- How to add Icon background within a container?
- jQuery stops working when including Bootstrap 5
- What sets column width / distribution in Yii2's DetailView?
- Pycharm doesn't recognize .min.css file (Unresolved template reference) (Django)
- Customize Bootstrap 4's grid-system Breakpoints
- How to add Affix to Bootstrap fixed bottom navbar
- Applying border-radius to bootstrap 5 table
- Change width of form-inline input and label
- Detecting overflowing menu items doesn't always calculate correctly
- tinymce code editor over bootstrap modal is not editable
- How to set maxViewMode in Bootstrap Datepicker (with JS Fiddle)