Current filter:
                                You should refresh the page.
                                Support Center
                                5
                                  • Twitter Bootstrap v3.X:

                                    Starting with version 13.2.7, all existing CSS corrections for Twitter Bootstrap v3.X are included in the DevExpress source code.


                                    Twitter.Bootstrap v2.3.X:

                                    Starting with version 13.1.8, all existing CSS corrections for Twitter Bootstrap v2.3.X are included in the DevExpress source code.


                                    Most well-known CSS frameworks contain CSS rules that globally apply styles for different HTML elements. These CSS rules may implicitly affect the other 3-rd party (such as DevExpress) controls/widgets, which are obviously derived from standard HTML elements. As a result, there may be CSS conflicts between framework styles and DevExpress default styles.

                                1 Solution

                                Creation Date Rating Importance Sort by
                                4

                                This KB Article contains the corrections for known CSS conflicts. These corrections can be applied in the frameworks' CSS files to prevent their effecting DevExpress ASP.NET controls.
                                The attached archive contains modified *.css files for the corresponding CSS frameworks.

                                In the files whose names end with the "WithDXMarkers" postfix, corrections are wrapped with the "/*DevExpress Fix*/" comments to highlight a particular fix.

                                Note that patched CSS files contain corrections for the Default theme only.

                                If you still encounter issues caused by the influence of the global Twitter Bootstrap selectors on DevExpres HTML elements, please:

                                - Create a new ticket in our Support Center;
                                - Provide us with some screenshots that illustrate the actual results and an underlying sample project that replicates the issue.

                                See Also:
                                KA18769: CSS - Conflicts when applying global CSS selectors for common HTML tags (table, etc.)
                                K18570: How to inspect CSS rules

                                Show all comments
                                • E Brito 05.20.2013

                                  Foundation 4 would be a great addition to this collection.

                                • @Emerson: We have yet not received any feedback regarding this CSS framework.
                                  You can use recommendations from the K18570 - How to inspect CSS rules KB Article to get started with a particular CSS issue.
                                  If you need further assistance with this subject, please create a new ticket in our Support Center and describe your situation in greater detail.
                                  We will do our best to provide you with an appropriate solution (if there is any).

                                • Sean McDonnnell 08.16.2013

                                  We are currently evaluating DevExpress MVC controls for a new project in conjunction with Zurb Foundation.

                                  After ruling out most of the other control suites we were happy to go with DevExpress. Are DevExpress going to provide a workaround/fix for the control suite and Zurb foundation?

                                  From our perspective, we want to buy "out of the box" controls that are cross browser compatible and save hundreds of developer hours. We don't want to spend this time making the controls work with one of the most popular response front-end frameworks at the moment.

                                • Artem (DevExpress Support) 08.16.2013

                                  Hello Sean,

                                  I see that you've asked a similar question in the Zurb Foundation and DevExpress MVC and WebForms controls ticket.
                                  Please refer to it for further correspondence.

                                • Georgiy Borisenko 09.02.2013

                                  /*DevExpress Fix*/
                                  select:not(.dxeEditAreaSys),
                                  textarea:not(.dxeMemoEditAreaSys),

                                  .dxp-comboBox > input[type="text"]:not(), /* dxp-comboBox fix*/

                                  input[type="text"]:not(.dxeEditAreaSys):not(.dxucEditArea),
                                  input[type="password"]:not(.dxeEditAreaSys),
                                  /*DevExpress Fix*/

                                • Hi Georgiy,

                                  I have created a separate ticket on your behalf. Let's continue our conversation there: Q379544.

                                • Do you have any plans to create such CSS corrections for twitter bootstrap 3

                                • Hello,

                                  Yes, we consider supporting Bootstrap v3.
                                  However, currently I cannot provide you with any estimates. We will update this thread once any news are available.

                                • a a 405 10.25.2013

                                  "Starting with version 13.1.8, all existing CSS corrections for Twitter Bootstrap v2 are included in the DevExpress source code."

                                  Does this mean 13.1.8 will correct all Bootstrap v2.3.x conflicts, or only specifically v2.0?

                                • Hello,

                                  Yes, all known CSS conflicts for Twitter Bootstrap v2.3.X should be fixed starting with version 13.1.8.
                                  I have updated the ticket content accordingly.

                                • Jorge Dapena Carabel 1 10.29.2013

                                  Hello,

                                  We are using the version 13.1.8 with Bootstrap v2.3.2 and we have problems with CSS. Attachment one image to show the problem.

                                • Hello,

                                  I have created a new ticket on your behalf to process your question more effectively:
                                  Q462128: ASPxComboBox - Selected Item is misaligned when using Twitter.Bootstrap v2.3.2

                                • Rick Mathers 11.11.2013

                                  I would also like to place my vote for Bootstrap 3 support

                                  Thanks

                                • David McClelland 11.18.2013

                                  I would vote for Bootstrap 3.0 support as well - its theming abilities (example: http://bootswatch.com) is something that I am looking at as we evaluate the possibility of purchasing an ASP.NET MVC grid.

                                • Hello,

                                  Thank you for your input. While the Bootstrap v3 is not supported out-of-the-box, we are accepting feedback related to CSS conflicts between DevExpress and the new Bootstrap version.
                                  So, if you encounter a particular issue, please:
                                  - Create a new ticket in our Support Center;
                                  - Provide us with some screenshots that illustrate the actual results and an underlying sample project that replicates the issue.

                                • Zhiwen Tan 12.23.2013

                                  Here is my vote for bootstrap 3!

                                • Luca Poretti 12.23.2013

                                  I would also like to place my vote for Bootstrap 3 support

                                  Thanks

                                • Michael Surabian 12.23.2013

                                  I'm in for Bootstrap 3 as well.. Bootstrap is getting to widely used to ignore, clients asking for it and just digging into v3.. lovin' it!

                                • sparco 12.30.2013

                                  In for Bootstrap 3.

                                • Laurent SANCHEZ 12.30.2013

                                  My vote too

                                • Richard Linnell 01.06.2014

                                  Yeah, please guys, Bootstrap 3 please. The buttons all look weird. Your stylesheet doesn't cover everything.

                                • Richard Linnell 01.06.2014

                                  putting this in my master stylesheet seems to fix my dev-express buttons

                                  .dxbButtonSys
                                  {
                                      -webkit-box-sizing: content-box;
                                      -moz-box-sizing: content-box;
                                      box-sizing: content-box;
                                  }

                                • Steele Consulting 01.27.2014

                                  Us too! Bootstrap 3 support out of the box please. It's a Visual Studio 2013 out-of-the-box project template inclusion.

                                • StephanZ 02.17.2014

                                  Bootstrap 3 my vote

                                • Hello,

                                  Starting with version 13.2.7, all existing CSS corrections for Twitter Bootstrap v3.X are included in the DevExpress source code.

                                  If you still encounter issues caused by the influence of the global Twitter Bootstrap selectors on DevExpres HTML elements, please:
                                  - Create a new ticket in our Support Center;
                                  - Provide us with some screenshots that illustrate the actual results and an underlying sample project that replicates the issue.

                                If you need additional product information, write to us at info@devexpress.com or call us at +1 (818) 844-3383

                                FOLLOW US

                                DevExpress engineers feature-complete Presentation Controls, IDE Productivity Tools, Business Application Frameworks, and Reporting Systems for Visual Studio, along with high-performance HTML JS Mobile Frameworks for developers targeting iOS, Android and Windows Phone. Whether using WPF, ASP.NET, WinForms, HTML5 or Windows 10, DevExpress tools help you build and deliver your best in the shortest time possible.

                                Copyright © 1998-2017 Developer Express Inc.
                                All trademarks or registered trademarks are property of their respective owners