Tag: grid

为什么在这种情况下ActualWidth和ActualHeight 0.0？: 我在Canvas里面有一个Grid像这样定义： <Canvas x:Name="outerCanvas"> <Grid Grid.Row="1" Name="cGrid" ShowGridLines="True" Width="{Binding Path=ActualWidth, RelativeSource={RelativeSource AncestorType={x:Type Canvas}}}" Height="{Binding Path=ActualHeight, RelativeSource={RelativeSource AncestorType={x:Type Canvas}}}"> <Grid.ColumnDefinitions> <ColumnDefinition /> <ColumnDefinition/> <ColumnDefinition/> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition /> <RowDefinition /> </Grid.RowDefinitions> <Rectangle Name="rectangle1" Stroke="Black" Fill="AntiqueWhite" /> <Rectangle Grid.Row="0" Grid.Column="1" Grid.ColumnSpan="1" Grid.RowSpan="1" Name="rectangle2" Stroke="Black" Fill="AliceBlue" /> <Rectangle Grid.Row="0" Grid.Column="2" Grid.ColumnSpan="1" Grid.RowSpan="1" Name="rectangle3" Stroke="Black" Fill="Aqua" /> <Rectangle Grid.Row="1" Grid.Column="0" […]

带有固定包装的Bootstrap网格 – 防止堆叠起来: 正如标题所说，我正在试图使用Bootstrap 3网格系统与一个固定的包装。但是，当我调整浏览器的列堆叠，即使包装保持相同的大小？顺便说一句：我使用的版本3，以便我可以移动到一个响应式布局后，我已经移植的网站。（这是巨大的，我是一个人，所以一步一步是唯一的select…） <!DOCTYPE html> <html> <head> <title>Bootstrap 101 Template</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!– Bootstrap –> <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"> <!– HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries –> <!–[if lt IE 9]> <script src="../../assets/js/html5shiv.js"></script> <script src="../../assets/js/respond.min.js"></script> <![endif]–> <style> /* Custom container */ .container-fixed { margin: 0 auto; […]