Geek Answers Handbook

Why not use bootstrap 2.3.2?

We have a Rails and Angular product based on Bootstrap 2.3.2. This is an internal application right now, but we will open it soon for external clients. It is stable and there is no reason to upgrade to Bootstrap 3.

Upgrading to Bootstrap 3 will require some effort, and it is more likely that when you open the application to clients, we will attract a designer to work with the Bootstrap database and expand it.

As Bootstrap is β€œjust” CSS and js-enabled, I wonder if there is a reason not to continue working with Bootstrap 2.3.2 for this application?

UPDATE I must add that the application is an application that uses the keyboard, only for the desktop (only), which is used in offices. It is currently unlikely to be used on mobile devices.

DECISION

In the end, we decided to upgrade to Bootstrap 3 along with AngularUI. Bootstrap 2 already looked dated ... There were a lot of updates, since there was no automated update path. There are several conversion sites, but we found that they do not work well for complex pages, and each page must be manually transcoded.

+4
source share
3 answers

, 3

:

  • Bootstrap 3 .
  • , 2.3.2 .
  • Bootstrap 3, , .

:

  • , , , .
  • Bootstrap - javascript css , "".

, Bootstrap 3, , , 2.3.2.

+3

, . 3. , , , - .

Bootstrap 3 . 1.Dropped IE7 FF3.6. 2. CSS . 3.Renamed Variables: , camelCase. , @body-bg @bodyBackground 4. @blue, @orange, -, @- . (, @state-warning-text, @btn-background-primary ..), 5.Add .img-() 6. , : - @component-active-bg , ..

, - . 1. , 2. .row( ), ( ) : border-box. 3.Offsets 100%. 4. .span * .offset *, .col- * .col-offset-, . 5. .col- (). .col-sm- * () 6.Add.col-push- * .col-pull- * - . 7. . 8. "max-width" "width" .container, , navbars.

: 1. - class= "btn btn-default". 2.Dropped.btn-inverse

: 1. - - .input-group 2.Dropped.form-search 3. , < 768px, . . 4. Checkboxes 5. .radio.inline .radio-inline,

1. Glyphicons v1.7 @font-face PNG. 2. .glyphicon- .icon -

: - 1.Refactor 2. .label-inverse

Jumbotron 1.Class .hero-unit .jumbotron 2.Light font-weight 3.Scale .

Navs Navbars 1. .nav-list. .list-group. 2.Drop .navbar-search 3.Overhaul navbar : 4. "" (, , ) , . 5.Navbar smidge, , . 6. navbars. 7.Hight navbar 44 62 50 . 8.Removed.navbar-inner .navbar 9.Changed.navbar > .nav to.navbar-nav 10. .btn-navbar .navbar-toggle 11.Changed.brand to.navbar-brand

Dropdowns: - 1. . 2.Removed.nav-header .dropdown-header

: - 1. .hide 2.Reintroduces.modal-open ( ) 3. ( .modal-dialog .modal-content), , . 4.Related,.modal , .modal-content - . , : fixed;, , , - . 5. .modal-title ( , ).

Carousel: - 1.Redesign! , . 2.Update . .carousel-control / . Glyhpicons . . 3. , > 768 .

+1

Bootstrap 3 . Bootstrap 2, Bootstrap 3 .

.

+1

More articles:


All Articles