11.886 messaggi dal 09 febbraio 2002
Contributi
Ciao, ho provato quel template ma forse conviene comunque crearsi un nuovo progetto MVC4 e ottenere Bootstrap da NuGet. In questo modo puoi scaricarti la recente versione 3.0.
Il template non è ancora stato aggiornato alla 3.0 e mi sembra che, tutto sommato, non aggiunga molto valore perché consiste semplicemente di un controller e un paio di views, cosa che puoi riprodurre velocemente anche da un nuovo progetto. ciao.

Enjoy learning and just keep making
1.492 messaggi dal 27 dicembre 2005
BrightSoul ha scritto:
Ciao, ho provato quel template ma forse conviene comunque crearsi un nuovo progetto MVC4 e ottenere Bootstrap da NuGet. In questo modo puoi scaricarti la recente versione 3.0.
Il template non è ancora stato aggiornato alla 3.0 e mi sembra che, tutto sommato, non aggiunga molto valore perché consiste semplicemente di un controller e un paio di views, cosa che puoi riprodurre velocemente anche da un nuovo progetto. ciao.


Se io creo un progetto vuoto con solo i controller per le login e poi scarico Bootstrap va bene lo stesso ?
11.886 messaggi dal 09 febbraio 2002
Contributi
Sì, certo, puoi partire dal template "Basic" di MVC4 e poi includervi Bootstrap subito dopo. Dato che è una tecnologia lato client, entrerà in gioco solo nelle tue Views e quindi non ha importanza quali e quanti Controllers esistano già nel tuo progetto.

A proposito di Bootstrap 3.0: sono state introdotte delle breaking changes e quindi alcune parti di questo articolo, scritto per la versione 2.3, non sono più rilevanti.

Ad esempio, durante la creazione dei bundles non bisognerà più incldere bootstrap-responsive.css perché il suo contenuto è stato accorpato a bootstrap.css. Con la versione 3.0 invece verrà distribuito un nuovo file, il bootstrap-theme.css, che contiene tutte le regole CSS puramente cosmetiche che potremmo personalizzare a piacimento. E' il file da cui iniziare per chi intende realizzare un tema personalizzato per Bootstrap.

E poi esistono una serie di cambiamenti alla nomenclatura. Ad esempio, le classi span1 ~ span12 diventano ora col-md-1 ~ col-md-12. Questo succede perché ora Bootstrap consente un controllo più granulare sul suo sistema di griglia. La particella md di col-md-* può essere sostituita da xs, sm o lg per avere ancora maggior controllo sulla disposizione degli elementi su schermi molto piccoli (smartphone), medi (tablets) e molto grandi (desktop).

Qui si trovano elencati tutti gli accorgimenti per migrare dalla versione 2.3.2 alla 3.0.
http://getbootstrap.com/getting-started/#migration

Enjoy learning and just keep making
1.492 messaggi dal 27 dicembre 2005
BrightSoul ha scritto:
Sì, certo, puoi partire dal template "Basic" di MVC4 e poi includervi Bootstrap subito dopo. Dato che è una tecnologia lato client, entrerà in gioco solo nelle tue Views e quindi non ha importanza quali e quanti Controllers esistano già nel tuo progetto.

A proposito di Bootstrap 3.0: sono state introdotte delle breaking changes e quindi alcune parti di questo articolo, scritto per la versione 2.3, non sono più rilevanti.

Ad esempio, durante la creazione dei bundles non bisognerà più incldere bootstrap-responsive.css perché il suo contenuto è stato accorpato a bootstrap.css. Con la versione 3.0 invece verrà distribuito un nuovo file, il bootstrap-theme.css, che contiene tutte le regole CSS puramente cosmetiche che potremmo personalizzare a piacimento. E' il file da cui iniziare per chi intende realizzare un tema personalizzato per Bootstrap.

E poi esistono una serie di cambiamenti alla nomenclatura. Ad esempio, le classi span1 ~ span12 diventano ora col-md-1 ~ col-md-12. Questo succede perché ora Bootstrap consente un controllo più granulare sul suo sistema di griglia. La particella md di col-md-* può essere sostituita da xs, sm o lg per avere ancora maggior controllo sulla disposizione degli elementi su schermi molto piccoli (smartphone), medi (tablets) e molto grandi (desktop).

Qui si trovano elencati tutti gli accorgimenti per migrare dalla versione 2.3.2 alla 3.0.
http://getbootstrap.com/getting-started/#migration


Ricapitolando quindi :

1)Creo un nuovo progetto MVC base
2)Installo tramite Nuget Bootstrap 3.0
3)Vado nella Layout page e inizio a creare il mio template ?

Per caso ci sono in giro dei Template già fatti con Bootstrap ?
11.886 messaggi dal 09 febbraio 2002
Contributi
Sì, scarichi Bootstrap con il comando Install-Package Twitter.Bootstrap (ti prende automaticamente la 3.0.0, l'ultima versione stabile disponibile) e poi non dimenticare di creare i bundle e referenziarli nella view _Layout.
A questo punto sì, sempre nella view _Layout inizi a creare il tuo template. Ad esempio puoi fare un corpo centrale e una colonna di destra:
<div class="col-md-8">@RenderBody()</div>
<div class="col-md-4">@RenderSection("Colonna")</div>

Grazie alle due classi CSS col-md-8 e col-md-4 che ho posto sulle due div contenitrici, avrò realizzato due colonne: una centrale che è ampia il doppio di quella di destra. E così via, continui con l'impaginazione di menu, footer, ecc...
I templates completi li trovi su WrapBootstrap. Sono a pagamento ma molto economici. Quando ne avrai ottenuto uno non potrai installarlo con un click ma dovrai estrarre da esso dei frammenti di HTML e posizionarne alcuni nella _Layout, altri nelle singole view, e così via.

Enjoy learning and just keep making
1.492 messaggi dal 27 dicembre 2005
BrightSoul ha scritto:
Sì, scarichi Bootstrap con il comando Install-Package Twitter.Bootstrap (ti prende automaticamente la 3.0.0, l'ultima versione stabile disponibile) e poi non dimenticare di creare i bundle e referenziarli nella view _Layout.
A questo punto sì, sempre nella view _Layout inizi a creare il tuo template. Ad esempio puoi fare un corpo centrale e una colonna di destra:
<div class="col-md-8">@RenderBody()</div>
<div class="col-md-4">@RenderSection("Colonna")</div>

Grazie alle due classi CSS col-md-8 e col-md-4 che ho posto sulle due div contenitrici, avrò realizzato due colonne: una centrale che è ampia il doppio di quella di destra. E così via, continui con l'impaginazione di menu, footer, ecc...
I templates completi li trovi su WrapBootstrap. Sono a pagamento ma molto economici. Quando ne avrai ottenuto uno non potrai installarlo con un click ma dovrai estrarre da esso dei frammenti di HTML e posizionarne alcuni nella _Layout, altri nelle singole view, e così via.


Grazie !
20 messaggi dal 24 agosto 2011
Molto molto interessante. Grazie per l'articolo.

Torna al forum | Feed RSS

ASPItalia.com non è responsabile per il contenuto dei messaggi presenti su questo servizio, non avendo nessun controllo sui messaggi postati nei propri forum, che rappresentano l'espressione del pensiero degli autori.