13 messaggi dal 19 febbraio 2013
Buon giorno a tutti,

mi sto addentrando nel mondo di Bootstrap ma non riesco nemmeno da una banale applicazione ad ottenere il risultato di responsività di base dell'interfaccia. Sto lavorando su MSVS2010 e utilizzo IIS Express per eseguire l'applicazione. Ho inserito i tag di bootstrap nella masterpage che posto di seguito:


<%@ Master Language="VB" AutoEventWireup="false" CodeBehind="Site.master.vb" Inherits="RegistroPresenze.Site" %>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="~/Content/bootstrap.min.css" rel="stylesheet" media="screen" type="text/css">
<asp:ContentPlaceHolder ID="HeadContent" runat="server" />
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span><span
class="icon-bar"></span><span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Brand</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Link 1 <span class="sr-only">(current)</span></a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<div class="container">
<asp:ContentPlaceHolder ID="MainContent" runat="server">
</asp:ContentPlaceHolder>
</div>
<script src="Scripts/jquery-1.9.0.min.js" type="text/javascript"></script>
<script src="Scripts/bootstrap.min.js" type="text/javascript"></script>
</body>
</html>


La pagina di default è la seguente:
<%@ Page Title="Home page" Language="vb" MasterPageFile="~/Site.Master" AutoEventWireup="false"
CodeBehind="Default.aspx.vb" Inherits="RegistroPresenze._Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

<div class="row">
<div class="col-md-4"><h1>Colonna 1</h1>"Lorem ipsum dolor sit amet, ..."</div>
<div class="col-md-4"> <h1>Colonna 2</h1>"Lorem ipsum dolor sit amet, ..."</div>
<div class="col-md-4"><h1>Colonna 3</h1>"Lorem ipsum dolor sit amet, ..."</div>
</div>
<div class="row">
<div class="col-md-4"><h1>Colonna 1</h1>"Lorem ipsum dolor sit amet, ..."</div>
<div class="col-md-8"> <h1>Colonna 2</h1>"Lorem ipsum dolor sit amet, &#8230;"</div>
</div>

</asp:Content>


Qualcuno mi può aiutare?
8 messaggi dal 07 marzo 2017
Contributi
Ciao,
il codice sembra scritto correttamente, la console del browser ti segnala qualche errore? potrebbe essere errato il path verso 'bootstrap.min.css'?
Per verificare la correttezza dell'html scritto potresti utilizzare questo tool https://jsfiddle.net/boilerplate/bootstrap

Ciao

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.