Why are Bootstrap’s form elements rendered terribly with Struts2-Boostrap-Plugin?

by

Struts2 uses Themes to generate HTML from Tags: a different theme chosen, a different HTML in output.

The default theme is XHTML, that generates <td>, <label> and other stuff around your elements.

Usually, I recommend to use the simple theme, that generates almost no additional code, and that would make your code work as-is. Put this constant in struts.xml to check it out:

<constant name="struts.ui.theme" value="simple" />

But in your case, since you said you’ve included the Struts2-bootstrap-plugin in your project, then… simply use it ! You are NOT using it in your code… including the JAR is not enough, you need to set the bootstrap theme as the default one:

<constant name="struts.ui.theme" value="bootstrap" />

and declare the struts-bootstrap taglib to use the <sb:head/> tag, as described in the official documentation:

<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib prefix="sb" uri="/struts-bootstrap-tags" %>
<!DOCTYPE html>
<html lang="en">
<head>
    ...
    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <sb:head/>
</head>
<body>
...
</body>
</html>

Then remove all the HTML that you’ve written manually, and start using the plugin.

More Related Contents:

  1. How to place a div over a image? [closed]
  2. Bootstrap height
  3. How can I override Bootstrap CSS styles?
  4. Table fixed header and scrollable body
  5. twitter bootstrap navbar fixed top overlapping site
  6. Bootstrap full-width with 2 different backgrounds (and 2 columns)
  7. IE8 issue with Twitter Bootstrap 3
  8. Change Bootstrap tooltip color
  9. Bootstrap 3 two columns full height
  10. Bootstrap 3 collapsed menu doesn’t close on click
  11. Create a responsive navbar sidebar “drawer” in Bootstrap?
  12. Bootstrap Accordion button toggle “data-parent” not working
  13. 7 equal columns in bootstrap
  14. Form inline inside a form horizontal in twitter bootstrap?
  15. Bootstrap print CSS removes background color
  16. How do I add a margin between bootstrap columns without wrapping [duplicate]
  17. Empty vertical space between columns in Bootstrap 4
  18. Bootstrap 3: Push/pull columns only on smaller screen sizes
  19. Responsive image align center bootstrap 3
  20. How to center buttons in Twitter Bootstrap 3?
  21. Change color of bootstrap navbar on hover link?
  22. Twitter Bootstrap: Center Pills
  23. Bootstrap 3 – show collapsed navigation for all screen sizes
  24. How to make bootstrap carousel image responsive?
  25. Bootstrap – Fill fluid container between header and footer
  26. Why aren’t my bootstrap 4 columns the same height?
  27. Right align text within Bootstrap 4 breadcrumbs
  28. Bootstrap row and col explanation
  29. Can a div have multiple classes (Twitter Bootstrap) [duplicate]
  30. Bootstrap dropdown not working

Leave a Comment