JavaScript Bootstrap 3 modal width of screen bootstrap modal width auto,bootstrap modal width and height,bootstrap

Is there any way to use Bootstrap to create a modal that expands to the width of the viewport? I've seen lots of suggestions (most of which involve changing .modal-dialog { width:auto} to .modal-dialog { width:600px } or some other value, but I'm not seeing any results with this.

I have a modal-body and modal-header inside of a modal-content inside of a modal-dialogue inside of a modal fade.

<div class="modal fade" > <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> Header Text </div> <div class="modal-body"> body text </div> </div> </div> </div>

Am I not updating the right modal class? Or is there some other secret to increasing the width of the viewport?

Answer:1

I don't have enough reputation for comment, sorry for that. I've just tested this and works fine with me just by changing .modal-dialog { width:600px; } in my main .css file. Did you close the closing brecket for the css rule as I can see you didn't here, first. Second, can you look with Inspect element or Firebug does your rule is applied to the class or div? Is it overwritten?

Answer:2

I have an ng-repeat and I'm trying to get a specific order. I see that I can order using a list of properties: ng-repeat="client in clients | orderBy: ['isOpen', 'lastAccessTime']" My question is, ...

I have an ng-repeat and I'm trying to get a specific order. I see that I can order using a list of properties: ng-repeat="client in clients | orderBy: ['isOpen', 'lastAccessTime']" My question is, ...

  1. angular sort list alphabetically
  2. angular sort list by property
  3. angular sort list of objects
  4. angular sort list by date
  5. angular sort list by field
  6. angular sort list
  7. angular sort list drag drop
  8. angular sort list by name
  9. angular sort list pipe
  10. angular sort list in html
  11. angular sort list of strings
  12. angular sort list by number
  13. angular sort list in controller
  14. angular list sort animation
  15. angular 6 sort list
  16. angular 7 sort list
  17. angular 2 sort list
  18. angular material sort list
  19. angular sort dropdown list
  20. angular 4 sort list

I have a container that holds three items. One is floated left, another is centered and the last is floated right. If I remove the center item and add it back the right most item gets pushed down and ...

I have a container that holds three items. One is floated left, another is centered and the last is floated right. If I remove the center item and add it back the right most item gets pushed down and ...

I have made a JS/HTML5 game which is controlled by keyboard, I like to make it embeddable like flash games, but when I embed it inside an iframe it only capture keyboard events when iframe is focused. ...

I have made a JS/HTML5 game which is controlled by keyboard, I like to make it embeddable like flash games, but when I embed it inside an iframe it only capture keyboard events when iframe is focused. ...

  1. iframe capture keyboard events
  2. iframe keyboard capture

Bit of background, this comes from a submitted form that I used serializeArray() on I have a list of objects like so. [ {name: 0, value: 'waffles'}, {name: 0, value: 'pancakes'}, {name: 0, ...

Bit of background, this comes from a submitted form that I used serializeArray() on I have a list of objects like so. [ {name: 0, value: 'waffles'}, {name: 0, value: 'pancakes'}, {name: 0, ...